/* common css */
@font-face {
  font-family: "Poppins Light";
  src: url("fonts/Poppins-Light.ttf"); }
@font-face {
  font-family: "Poppins Bold";
  src: url("fonts/Poppins-Bold.ttf"); }
@font-face {
  font-family: "Poppins Medium";
  src: url("fonts/Poppins-Medium.ttf"); }
@font-face {
  font-family: "Poppins Regular";
  src: url("fonts/Poppins-Regular.ttf"); }
@font-face {
  font-family: "Poppins SemiBold";
  src: url("fonts/Poppins-SemiBold.ttf"); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ffffff; }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dddddd; }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #999999; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  color: #333333;
  font-size: 14px;
  font-family: "Poppins Regular", arial; }

.clearfix {
  clear: both; }

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  clear: both; }

img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  border: 0 none; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

input {
  display: block;
  width: 100%;
  margin: 0; }

input[type="submit"], input[type="submit"]:focus, input[type="submit"]:active, button {
  outline: none !important; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

button, button:focus, input, input:focus, select, select:focus, textarea, textarea:focus {
  outline: none !important;
  border: 0 none; }

button, input[type="submit"] {
  cursor: pointer;
  padding: 0; }

h1 {
  font-size: 36px;
  line-height: 42px;
  font-family: "Poppins SemiBold"; }

h2 {
  font-size: 26px;
  line-height: 32px;
  font-family: "Poppins SemiBold"; }

h3 {
  font-size: 20px;
  line-height: 30px;
  font-family: "Poppins Regular";
  font-weight: 100; }

h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  font-family: "Poppins Medium"; }

h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-family: "Poppins Medium"; }

.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box; }

.sprite-image {
  background: url("../images/sprite.png") no-repeat 0 0; }

.sprite-before {
  position: relative; }
  .sprite-before:before {
    background: url("../images/sprite.png") no-repeat 0 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px; }

.sprite-after {
  position: relative; }
  .sprite-after:after {
    background: url("../images/sprite.png") no-repeat 0 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px; }

.remember-field {
  margin-bottom: 30px;
  position: relative; }
  .remember-field input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .remember-field label {
    color: #fff;
    padding-left: 25px; }
    .remember-field label:before {
      width: 14px;
      height: 14px;
      border-radius: 2px;
      top: 1px;
      border: 1px solid #37383c;
      background: none; }
  .remember-field input[type="checkbox"]:checked + label:before {
    border-color: #1a202d;
    background: #00aeef url("../images/sprite.png") no-repeat -32px 2px; }

.radio-field input[type="radio"] {
  display: none; }
.radio-field label {
  display: block;
  position: relative !important;
  padding-left: 25px; }
  .radio-field label:before {
    background-position: -58px -21px; }
.radio-field input[type="radio"]:checked + label {
  color: #00aeef; }
  .radio-field input[type="radio"]:checked + label:before {
    background-position: -29px -21px; }

.select-wrap, .inactive-wrap {
  position: relative; }
  .select-wrap:after, .inactive-wrap:after {
    background-position: -2px 0;
    top: 5px;
    width: 12px;
    height: 10px; }
  .select-wrap .select-content, .inactive-wrap .select-content {
    cursor: pointer;
    position: relative; }
  .select-wrap .select-list, .inactive-wrap .select-list {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%; }
    .select-wrap .select-list li, .inactive-wrap .select-list li {
      cursor: pointer;
      position: relative; }
  .select-wrap .hidden-input, .inactive-wrap .hidden-input {
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1 !important; }

.custom-switch .switch-item {
  float: left; }
  .custom-switch .switch-item input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden; }
  .custom-switch .switch-item label {
    width: 30px;
    padding: 5px 10px;
    background-color: #f5f6f6;
    border: 1px solid #dbdbdb;
    text-align: center;
    color: #666666; }
  .custom-switch .switch-item:first-child label {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: 0 none; }
  .custom-switch .switch-item:last-child label {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: 0 none; }
.custom-switch .off-switch input:checked + label {
  background-color: #dbdbdb; }
.custom-switch .on-switch input:checked + label {
  background-color: #00aeef;
  color: #ffffff; }

.blue-btn {
  background-color: #00aeef;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  height: 50px;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  line-height: 34px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  .blue-btn:hover {
    background-color: #0190c5; }

.blue-link {
  color: #00aeef; }

.back-link {
  font-size: 14px;
  color: #00aeef;
  padding-left: 18px;
  position: absolute;
  left: 32px;
  top: 45px; }
  .back-link:before {
    background-position: -86px 5px; }

.close-btn {
  position: absolute;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background-position: 1px -22px;
  right: 30px;
  top: 49px;
  transition: none !important; }
  .close-btn:hover {
    background-position: -84px -22px; }

.checkout-link {
  text-align: center;
  color: #515865;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: 100%;
  margin-top: 20px;
  z-index: 1; }

.focus-border {
  position: relative;
  display: block;
  width: 100%; }
  .focus-border:before, .focus-border:after {
    content: "";
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #00aeef;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
  .focus-border:before {
    left: 50%; }
  .focus-border:after {
    right: 50%; }

.dropdown-wrap {
  position: relative; }

.dropdown-popup {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ccc;
  box-sizing: border-box;
  border-radius: 6px;
  display: none;
  z-index: 99; }
  .dropdown-popup:before, .dropdown-popup:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid; }
  .dropdown-popup:after {
    border-width: 10px;
    top: -19px;
    border-color: transparent transparent #fff transparent; }
  .dropdown-popup:before {
    border-width: 11px;
    top: -22px;
    border-color: transparent transparent #ddd transparent; }

.nav-dropdown {
  position: relative;
  background-color: transparent;
  box-shadow: none; }
  .nav-dropdown:before, .nav-dropdown:after {
    display: none; }
  .nav-dropdown li a {
    padding: 15px 0 !important; }

.user-dropdown {
  top: 56px;
  width: 190px;
  right: -25px;
  background-color: #27303e;
  color: #ffffff;
  padding: 10px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none; }
  .user-dropdown:before, .user-dropdown:after {
    display: none; }
  .user-dropdown li a {
    padding: 10px 30px;
    display: block;
    color: #ffffff; }
  .user-dropdown li:hover a {
    color: #00aeef; }

.profile-dropdown {
  width: 245px;
  top: 35px; }
  .profile-dropdown:after {
    right: 18px; }
  .profile-dropdown:before {
    right: 17px; }
  .profile-dropdown li a {
    display: block;
    padding: 15px 20px;
    line-height: 20px;
    color: #666;
    box-sizing: border-box;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .profile-dropdown li a:hover {
      background-color: #f5f6f6;
      border-color: #c3c3c3; }
    .profile-dropdown li a.active {
      color: #0d5cab; }
  .profile-dropdown li:first-child a {
    border-top: 0 none; }
  .profile-dropdown li:last-child a {
    border-bottom: 0 none; }

.notification-dropdown {
  width: 360px;
  color: #333;
  right: -60px;
  top: 35px;
  box-shadow: 0 4px 10px #ccc; }
  .notification-dropdown:before {
    right: 55px;
    border-color: transparent transparent #f5f6f6 transparent; }
  .notification-dropdown:after {
    display: none; }
  .notification-dropdown h5 {
    font-size: 16px;
    font-family: "Poppins Medium"; }

.notif-title {
  padding: 13px 20px;
  background-color: #f5f6f6;
  border-bottom: 1px solid #dcdddd;
  border-radius: 6px 6px 0 0; }
  .notif-title h5 {
    margin: 0;
    float: left;
    color: #333333; }
    .notif-title h5 .notification-count {
      position: relative;
      top: -2px; }
  .notif-title a {
    float: right;
    color: #00aeef;
    font-size: 12px; }
    .notif-title a:hover {
      color: #0d5cab; }

.notif-list-wrap {
  padding: 0 20px 20px; }
  .notif-list-wrap h5 {
    margin: 18px 0 12px; }

.notif-list {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  overflow: hidden; }
  .notif-list .notif-block {
    padding: 15px 15px 15px 20px;
    margin-bottom: 0;
    background-color: #ffffff;
    display: block; }
    .notif-list .notif-block.highlight-block {
      background-color: #f8f8f8; }
      .notif-list .notif-block.highlight-block:before {
        left: 8px;
        top: 20px; }
    .notif-list .notif-block .name-wrap {
      font-family: "Poppins Regular"; }
    .notif-list .notif-block .notif-msg {
      font-family: "Poppins Medium"; }
    .notif-list .notif-block .time-wrap {
      padding-left: 0;
      font-size: 10px;
      line-height: 18px; }
      .notif-list .notif-block .time-wrap:before {
        display: none; }
    .notif-list .notif-block:hover {
      background-color: #0d5cab; }
      .notif-list .notif-block:hover .name-wrap {
        color: #ffffff; }
      .notif-list .notif-block:hover .notif-msg {
        color: #ffffff; }

.no-notif-content {
  font-size: 12px;
  color: #666;
  padding: 22px 20px;
  text-align: center; }

.confirm-overlay label {
  color: #999999;
  font-size: 12px;
  font-family: "Poppins Medium";
  display: block; }
.confirm-overlay span {
  font-size: 12px;
  font-family: "Poppins Medium"; }

.transaction-overlay {
  text-align: center; }

/* login page css */
.mobile-logo {
  display: none; }

.login-section {
  background-color: #161920;
  font-size: 12px;
  color: #fff;
  display: table;
  width: 100%;
  height: 100vh; }

.login-container {
  max-width: 300px;
  margin: 0 auto; }
  .login-container .select-wrap:after {
    background-position: -2px 0;
    top: 5px;
    width: 12px;
    height: 10px; }
  .login-container .select-wrap.active:after {
    background-position: -59px 2px; }
  .login-container .select-wrap .select-list {
    background-color: #222834;
    max-height: 265px;
    overflow: auto;
    padding: 10px 0;
    border-radius: 0 0 8px 8px; }
    .login-container .select-wrap .select-list li {
      padding: 10px 20px 10px 18px; }
      .login-container .select-wrap .select-list li:before {
        left: 0;
        height: 20px;
        top: 50%;
        width: 2px;
        background-color: transparent;
        position: absolute;
        display: block;
        content: "";
        transform: translateY(-50%); }
      .login-container .select-wrap .select-list li.active, .login-container .select-wrap .select-list li:hover {
        color: #00aeef; }
        .login-container .select-wrap .select-list li.active:before, .login-container .select-wrap .select-list li:hover:before {
          background-color: #00aeef; }

.login-left, .login-right {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: 100%; }

.login-left {
  width: 46%; }

.login-right {
  background: #1a202d url("../../images/bg-login.png") no-repeat center center;
  background-size: contain; }

.form-wrap {
  -moz-placeholder-color: #515865;
  -moz-placeholder-opacity: 1;
  -ms-input-placeholder-color: #515865; }
  .form-wrap input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #161920 inset !important;
    -webkit-text-fill-color: #fff; }
  .form-wrap ::-webkit-input-placeholder {
    color: #515865; }
  .form-wrap ::-moz-placeholder {
    color: #515865;
    opacity: 1; }
  .form-wrap ::-ms-input-placeholder {
    color: #515865; }
  .form-wrap .form-field {
    position: relative;
    margin-bottom: 45px; }
    .form-wrap .form-field label {
      color: #515865;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: top 0.2s ease-in-out 0s;
      -moz-transition: top 0.2s ease-in-out 0s;
      -o-transition: top 0.2s ease-in-out 0s;
      -ms-transition: top 0.2s ease-in-out 0s;
      transition: top 0.2s ease-in-out 0s; }
      .form-wrap .form-field label.active-label {
        top: -25px; }
    .form-wrap .form-field input {
      background-color: transparent;
      border-bottom: 1px solid #37383c;
      color: #fff;
      z-index: 2;
      padding-bottom: 10px;
      font-size: 14px;
      line-height: 18px; }
    .form-wrap .form-field input[type="text"]:focus + label, .form-wrap .form-field input[type="email"]:focus + label, .form-wrap .form-field input[type="password"]:focus + label {
      top: -25px; }
    .form-wrap .form-field input[type="text"]:focus ~ .focus-border:before, .form-wrap .form-field input[type="text"]:focus ~ .focus-border:after, .form-wrap .form-field input[type="email"]:focus ~ .focus-border:before,
    .form-wrap .form-field input[type="email"]:focus ~ .focus-border:after, .form-wrap .form-field input[type="password"]:focus ~ .focus-border:before, .form-wrap .form-field input[type="password"]:focus ~ .focus-border:after {
      width: 50%; }
  .form-wrap .select-wrap {
    margin-bottom: 30px; }
    .form-wrap .select-wrap input {
      font-size: 12px; }

.logo-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 90px; }

.login-footer {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%; }
  .login-footer .nav-list {
    margin: 25px 0 15px; }
    .login-footer .nav-list li {
      display: inline-block;
      border-left: 1px solid rgba(255, 255, 255, 0.3); }
      .login-footer .nav-list li:first-child {
        border-left: 0 none; }
      .login-footer .nav-list li a {
        color: rgba(255, 255, 255, 0.3);
        padding: 0 12px; }
        .login-footer .nav-list li a:hover {
          color: #00aeef; }
  .login-footer .copyright {
    opacity: 0.1;
    font-size: 10px; }

.login-form {
  padding: 40px 0 30px; }

.admin-wrap {
  text-align: center; }
  .admin-wrap h3 {
    margin: 30px 0; }
  .admin-wrap p {
    margin-bottom: 25px;
    line-height: 24px; }
    .admin-wrap p.retry-msg {
      color: #515865; }
  .admin-wrap .blue-btn {
    margin-top: 40px; }

.forgotpwd-wrap {
  text-align: center; }
  .forgotpwd-wrap .forgotpwd-form {
    text-align: left; }
  .forgotpwd-wrap h3 {
    margin: 30px 0 0px; }
  .forgotpwd-wrap p {
    color: #515865;
    margin: 10px 0 50px; }
  .forgotpwd-wrap .blue-btn {
    margin-top: 40px; }
  .forgotpwd-wrap .select-wrap .select-list {
    max-height: 165px; }

.checkemail-wrap {
  text-align: center; }
  .checkemail-wrap h3 {
    margin: 30px 0 0; }
  .checkemail-wrap p {
    color: #515865;
    max-width: 200px;
    margin: 15px auto; }
  .checkemail-wrap .blue-btn {
    margin-top: 40px; }

.selectmethod-wrap {
  text-align: center; }
  .selectmethod-wrap h3 {
    margin: 30px 0 0; }
  .selectmethod-wrap p {
    color: #515865;
    margin: 15px 0 40px; }
  .selectmethod-wrap .selectmethod-form {
    text-align: left; }
  .selectmethod-wrap .radio-field {
    margin-bottom: 30px; }
    .selectmethod-wrap .radio-field label {
      color: #fff; }
    .selectmethod-wrap .radio-field input[type="radio"]:checked + label {
      color: #00aeef; }
  .selectmethod-wrap .blue-btn {
    margin-top: 40px; }

.verification-wrap {
  text-align: center; }
  .verification-wrap h3 {
    margin: 30px 0 0; }
  .verification-wrap p {
    color: #515865;
    margin: 15px 0; }
  .verification-wrap .otp-field {
    margin: 40px 0; }
    .verification-wrap .otp-field input {
      background-color: #252b38;
      display: inline-block;
      width: 40px;
      height: 40px;
      padding: 0;
      border-radius: 5px;
      text-align: center;
      margin: 0 8px; }
  .verification-wrap .blue-btn {
    margin-bottom: 25px; }
  .verification-wrap .resendotp-link {
    margin-bottom: 10px; }

.success-wrap {
  text-align: center; }
  .success-wrap h3 {
    margin: 30px 0 0; }
  .success-wrap p {
    color: #515865;
    margin: 15px 0 40px; }

#new-password-form {
  position: relative; }
  #new-password-form .pwd-error {
    position: absolute;
    bottom: 62px;
    color: #b7061b;
    display: block; }
  #new-password-form .pwd-success {
    color: green; }

.giis-header {
  padding: 12px 32px;
  background-color: #27303e;
  color: #ffffff;
  border-bottom: 1px solid #404a5a; }
  .giis-header .logo-block {
    float: left; }
  .giis-header .activity-block {
    float: right;
    font-size: 12px;
    margin-top: 6px; }

.common-links {
  display: inline-block;
  vertical-align: middle;
  margin-left: 42px; }
  .common-links.header-message-wrap {
    position: relative; }
    .common-links.header-message-wrap .message-links {
      background: url("../images/svg/messages-white.svg") center center no-repeat;
      text-indent: -9999px;
      width: 16px;
      height: 16px;
      display: block; }
      .common-links.header-message-wrap .message-links.active {
        background: url("../images/svg/messages-blue.svg") center center no-repeat; }
    .common-links.header-message-wrap .received-msg-dropdown {
      width: 360px;
      left: auto;
      right: -54px;
      top: 40px;
      box-shadow: 0 4px 10px #cccccc; }
      .common-links.header-message-wrap .received-msg-dropdown:before {
        left: auto;
        right: 50px; }
      .common-links.header-message-wrap .received-msg-dropdown:after {
        left: auto;
        right: 50px; }
      .common-links.header-message-wrap .received-msg-dropdown .received-msg-list {
        padding: 20px; }
        .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li {
          padding: 12px 15px;
          margin: 0;
          border-radius: 0;
          border-bottom: 0 none; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li:first-child {
            border-top-right-radius: 5px;
            border-top-left-radius: 5px; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li:last-child {
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom: 1px solid #dcdddd; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li .user-message h4 {
            margin: 0; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li .user-message p {
            margin-top: 5px; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li .time {
            top: 12px; }
          .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .messages-list li .message-count {
            bottom: 12px; }
        .common-links.header-message-wrap .received-msg-dropdown .received-msg-list .no-msg {
          color: #666666;
          text-align: center; }
  .common-links.notification-wrap {
    width: 16px;
    height: 16px;
    position: relative; }
    .common-links.notification-wrap .notification-links {
      background: url("../images/svg/notifications-white.svg") center center no-repeat;
      display: block;
      height: 100%; }
      .common-links.notification-wrap .notification-links.active {
        background-image: url("../images/svg/notifications-blue.svg"); }
    .common-links.notification-wrap .notification-count {
      position: absolute;
      top: -8px;
      right: -8px;
      width: 16px;
      height: 16px;
      background-color: #e51b24;
      color: #ffffff;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      line-height: 18px;
      font-size: 10px; }
    .common-links.notification-wrap .notif-title h5 {
      margin: 0;
      display: inline-block;
      color: #333333; }
      .common-links.notification-wrap .notif-title h5 .notification-count {
        position: relative;
        top: -2px; }
  .common-links.user-links {
    position: relative;
    margin-right: 20px; }
    .common-links.user-links .user-dropdown-link {
      display: block; }
      .common-links.user-links .user-dropdown-link span {
        display: inline-block; }
      .common-links.user-links .user-dropdown-link h5 {
        display: inline-block;
        color: #ffffff;
        margin: 0 0 0 10px;
        font-weight: normal;
        font-family: "Poppins Regular";
        font-size: 12px; }
      .common-links.user-links .user-dropdown-link:after {
        background: transparent url("../images/svg/dropdown-white.svg") no-repeat scroll 0 0/12px 12px;
        content: "";
        height: 12px;
        position: absolute;
        right: -20px;
        top: 13px;
        width: 12px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .common-links.user-links .user-dropdown-link.active:after {
        background: transparent url("../images/svg/up-arrow.svg") no-repeat scroll 0 0/12px 12px; }

.main-section {
  background-color: #e6ebed;
  position: relative; }

.navigation-wrapper {
  background-color: #354052;
  width: 250px;
  min-height: 1300px;
  position: relative;
  float: left; }
  .navigation-wrapper ul li a {
    color: #d4dce9;
    padding: 15px 32px;
    display: block;
    font-family: "Poppins Medium";
    font-size: 12px;
    text-transform: uppercase;
    position: relative; }
    .navigation-wrapper ul li a:before {
      content: "";
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 18px;
      height: 15px;
      margin-right: 15px; }
    .navigation-wrapper ul li a.home-ico:before {
      background: transparent url("../images/nav-icons/home-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.messages-ico:before {
      background: transparent url("../images/nav-icons/messages-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.calendar-ico:before {
      background: transparent url("../images/nav-icons/calendar-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.academics-ico:before {
      background: transparent url("../images/nav-icons/academics-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.attendance-ico:before {
      background: transparent url("../images/nav-icons/attendance-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.results-ico:before {
      background: transparent url("../images/nav-icons/results-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.contract-ico:before {
      background: transparent url("../images/nav-icons/student-contract-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.profile-ico:before {
      background: transparent url("../images/nav-icons/student-profile-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.bus-ico:before {
      background: transparent url("../images/nav-icons/school-bus-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.fees-ico:before {
      background: transparent url("../images/nav-icons/fees-grey.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.other-dropdown-link {
      text-transform: none; }
      .navigation-wrapper ul li a.other-dropdown-link:before {
        display: none; }
      .navigation-wrapper ul li a.other-dropdown-link:after {
        content: "";
        position: absolute;
        right: 25px;
        top: 20px;
        width: 12px;
        height: 12px;
        background: transparent url("../images/svg/dropdown-white.svg") no-repeat scroll 0 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
      .navigation-wrapper ul li a.other-dropdown-link.active {
        color: #00aeef; }
        .navigation-wrapper ul li a.other-dropdown-link.active:after {
          background: transparent url("../images/svg/up-arrow.svg") no-repeat scroll 0 0; }
    .navigation-wrapper ul li a.active {
      font-family: "Poppins SemiBold"; }
    .navigation-wrapper ul li a.active, .navigation-wrapper ul li a:hover {
      background-color: #2c3647;
      color: #00aeef; }
      .navigation-wrapper ul li a.active.home-ico:before, .navigation-wrapper ul li a:hover.home-ico:before {
        background: transparent url("../images/nav-icons/home-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.messages-ico:before, .navigation-wrapper ul li a:hover.messages-ico:before {
        background: transparent url("../images/nav-icons/messages-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.calendar-ico:before, .navigation-wrapper ul li a:hover.calendar-ico:before {
        background: transparent url("../images/nav-icons/calendar-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.academics-ico:before, .navigation-wrapper ul li a:hover.academics-ico:before {
        background: transparent url("../images/nav-icons/academics-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.attendance-ico:before, .navigation-wrapper ul li a:hover.attendance-ico:before {
        background: transparent url("../images/nav-icons/attendance-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.results-ico:before, .navigation-wrapper ul li a:hover.results-ico:before {
        background: transparent url("../images/nav-icons/results-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.contract-ico:before, .navigation-wrapper ul li a:hover.contract-ico:before {
        background: transparent url("../images/nav-icons/student-contract-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.profile-ico:before, .navigation-wrapper ul li a:hover.profile-ico:before {
        background: transparent url("../images/nav-icons/student-profile-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.bus-ico:before, .navigation-wrapper ul li a:hover.bus-ico:before {
        background: transparent url("../images/nav-icons/school-bus-blue.svg") no-repeat scroll 0 0; }
      .navigation-wrapper ul li a.active.fees-ico:before, .navigation-wrapper ul li a:hover.fees-ico:before {
        background: transparent url("../images/nav-icons/fees-blue.svg") no-repeat scroll 0 0; }
  .navigation-wrapper ul li.dropdown-wrap {
    border-top: 1px solid #3b4657; }

.dropdown-wrap .active.dropdown-link ~ .nav-dropdown {
  display: block; }

.content-container {
  float: left;
  width: calc(100% - 288px);
  padding: 32px;
  box-sizing: border-box; }

.profile-wrapper {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 30px; }
  .profile-wrapper .left-block {
    width: 50%;
    display: inline-block;
    vertical-align: middle; }
  .profile-wrapper .right-block {
    width: calc(50% - 15px);
    display: inline-block;
    padding-left: 8%;
    box-sizing: border-box;
    vertical-align: middle;
    border-left: 1px solid #dcdddd; }
    .profile-wrapper .right-block .sem-info {
      display: inline-block; }
      .profile-wrapper .right-block .sem-info strong {
        font-family: "Poppins Medium";
        font-size: 16px;
        display: block;
        margin-bottom: 5px;
        font-weight: 100; }
      .profile-wrapper .right-block .sem-info span {
        display: block;
        color: #666666;
        font-size: 12px; }
    .profile-wrapper .right-block .percentage {
      display: inline-block;
      font-size: 50px;
      color: #0d5cab;
      font-family: "Poppins Regular";
      margin-left: 25px; }
      .profile-wrapper .right-block .percentage strong {
        color: #333;
        font-weight: 100; }

.profile-img {
  display: inline-block;
  vertical-align: middle;
  width: 91px;
  height: 91px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px; }

.profile-info {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .profile-info h4 {
    color: #0d5cab;
    margin: 0 0 6px 0;
    position: relative;
    cursor: pointer; }
    .profile-info h4.names-link:after {
      content: "";
      position: relative;
      display: inline-block;
      vertical-align: middle;
      background: url("../images/svg/down-arrow-blue.svg") no-repeat center center;
      width: 10px;
      height: 10px;
      margin-left: 8px; }
    .profile-info h4 a {
      display: block;
      color: #0d5cab;
      padding-right: 50px;
      position: relative; }
      .profile-info h4 a:after {
        display: block;
        content: "";
        position: absolute;
        width: 10px;
        height: 6px;
        background: url("../images/svg/down-arrow-blue.svg") no-repeat center center;
        right: 0;
        top: 8px; }
    .profile-info h4.active a:after {
      transform: rotate(180deg); }
  .profile-info .names-dropdown {
    position: absolute;
    left: 0;
    top: 35px;
    width: 240px;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 9; }
    .profile-info .names-dropdown ul li {
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent; }
      .profile-info .names-dropdown ul li a {
        padding: 12px 15px;
        display: block;
        font-size: 12px;
        color: #666666; }
      .profile-info .names-dropdown ul li:last-child {
        border-bottom: 0 none; }
      .profile-info .names-dropdown ul li.active a {
        color: #0d5cab; }
      .profile-info .names-dropdown ul li:hover {
        background-color: #f5f6f6;
        border-bottom: 1px solid #dcdddd;
        border-top: 1px solid #dcdddd; }
    .profile-info .names-dropdown:before {
      right: 46px;
      top: -23px; }
    .profile-info .names-dropdown:after {
      right: 46px;
      top: -20px; }

.burger-menu {
  margin-right: 15px;
  display: none; }

.user-details {
  margin-top: 10px; }
  .user-details span {
    padding-right: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #666666;
    float: left; }
    .user-details span:last-child {
      border-left: 1px solid #dcdddd;
      padding-right: 0;
      padding-left: 12px; }

.events-wrapper .left-block {
  width: calc(50% - 15px);
  margin-right: 30px;
  float: left; }
.events-wrapper .right-block {
  width: calc(50% - 15px);
  float: left; }

.blue-txt {
  color: #00aeef; }

a.blue-txt {
  color: #00aeef; }
  a.blue-txt:hover {
    color: #0d5cab; }

.green-txt {
  color: #8dc63f; }

.red-txt {
  color: #e51b24;
  font-size: 14px !important;
  font-family: "Poppins Medium"; }
  .red-txt:hover {
    color: #a2141a; }

.right-arrow-icon:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: transparent url("../images/svg/right-arrow.svg") no-repeat scroll 4px 0;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
.right-arrow-icon:hover:after {
  background: transparent url("../images/svg/right-arrow-hover.svg") no-repeat scroll 4px 0; }

.down-arrow-icon:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: transparent url("../images/svg/dropdown-blue.svg") no-repeat scroll 0 2px;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.common-white-block {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 3px #eee;
  margin-bottom: 30px;
  overflow: hidden; }
  .common-white-block .common-heading {
    background-color: #f5f6f6;
    padding: 15px 30px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid #dcdddd;
    clear: both;
    overflow: hidden; }
    .common-white-block .common-heading h4 {
      margin: 0;
      text-transform: uppercase;
      font-family: "Poppins Medium";
      font-size: 16px;
      float: left; }
      .common-white-block .common-heading h4:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        width: 20px;
        height: 20px; }
      .common-white-block .common-heading h4.reminders-ico:before {
        background: transparent url("../images/svg/reminder.svg") no-repeat scroll 0 0;
        height: 24px; }
      .common-white-block .common-heading h4.upcoming-ico:before {
        background: transparent url("../images/svg/upcoming-event.svg") no-repeat scroll 0 0;
        width: 16px;
        height: 16px; }
      .common-white-block .common-heading h4.schoolbus-ico:before {
        background: transparent url("../images/svg/schoolbus.svg") no-repeat scroll 0 0;
        height: 18px; }
      .common-white-block .common-heading h4.exam-ico:before {
        background: transparent url("../images/svg/exam.svg") no-repeat scroll 0 0;
        height: 21px; }
      .common-white-block .common-heading h4.gallery-ico:before {
        background: transparent url("../images/svg/gallery.svg") no-repeat scroll 0 0;
        height: 17px; }
      .common-white-block .common-heading h4.next-ico:before {
        background: transparent url("../images/svg/whatsnext.svg") no-repeat scroll 0 0; }
      .common-white-block .common-heading h4.fees-ico:before {
        background: transparent url("../images/svg/fees.svg") no-repeat scroll 0 0;
        height: 17px;
        width: 24px; }
      .common-white-block .common-heading h4.upcoming-holidays-ico:before {
        background: transparent url("../images/svg/upcoming-holidays.svg") no-repeat scroll 0 0; }
      .common-white-block .common-heading h4.timetable-ico:before {
        background: transparent url("../images/svg/timetable.svg") no-repeat scroll 0 0;
        height: 16px; }
      .common-white-block .common-heading h4.resources-ico:before {
        background: transparent url("../images/svg/resources.svg") no-repeat scroll 0 0;
        height: 17px; }
      .common-white-block .common-heading h4.messages-ico:before {
        background: transparent url("../images/icon-messages.png") no-repeat scroll 0 0;
        height: 15px; }
      .common-white-block .common-heading h4.contacts-ico:before {
        background: transparent url("../images/svg/contacts.svg") no-repeat scroll 0 0; }
      .common-white-block .common-heading h4.attendance-ico:before {
        background: transparent url("../images/svg/attendance-darkblue.svg") no-repeat scroll 0 0; }
      .common-white-block .common-heading h4.settings-ico:before {
        background: transparent url("../images/settings.png") no-repeat scroll 0 0; }
    .common-white-block .common-heading .block-link {
      float: right;
      color: #00aeef; }
      .common-white-block .common-heading .block-link:hover {
        color: #0d5cab; }
  .common-white-block .common-content {
    background-color: #ffffff;
    padding: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
    .common-white-block .common-content.common-content-height {
      min-height: 450px; }
    .common-white-block .common-content h4 {
      color: #0d5cab;
      font-size: 16px;
      margin: 0 0 5px 0;
      line-height: 22px; }
      .common-white-block .common-content h4.red-txt {
        color: #e51b24; }
    .common-white-block .common-content p {
      color: #666666;
      line-height: 24px;
      margin-top: 0; }
    .common-white-block .common-content strong {
      font-weight: normal;
      font-family: "Poppins Medium"; }
    .common-white-block .common-content h3 {
      font-family: "Poppins Medium";
      font-size: 26px; }
    .common-white-block .common-content .blue-btn {
      min-width: 140px;
      width: auto;
      height: 40px;
      line-height: 41px;
      padding: 0 15px;
      display: inline-block; }

.remainder-block .custom-calender {
  min-height: 130px;
  border: 1px solid #d6d6d6;
  border-top: 26px solid #00aeef;
  width: 112px;
  border-radius: 8px;
  background-color: #ffffff;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top; }
  .remainder-block .custom-calender:before, .remainder-block .custom-calender:after {
    content: "";
    left: 20px;
    width: 4px;
    height: 22px;
    background-color: #157497;
    position: absolute;
    top: -36px;
    z-index: 999;
    border-radius: 5px; }
  .remainder-block .custom-calender:after {
    left: auto;
    right: 20px; }
  .remainder-block .custom-calender h3 {
    font-size: 22px;
    color: #00aeef;
    text-transform: uppercase;
    margin: 0; }
  .remainder-block .custom-calender span {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase; }
  .remainder-block .custom-calender .time {
    border-top: 1px solid #dcdddd;
    padding-top: 14px;
    margin-top: 18px; }
    .remainder-block .custom-calender .time span {
      color: #666666;
      text-transform: normal;
      font-family: "Poppins Medium";
      display: inline-block; }
      .remainder-block .custom-calender .time span:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
        width: 15px;
        height: 15px;
        background: transparent url("../images/svg/time.svg") no-repeat scroll 0 0; }
  .remainder-block .custom-calender .inner-wrap {
    position: relative; }
    .remainder-block .custom-calender .inner-wrap:after, .remainder-block .custom-calender .inner-wrap:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #157497;
      top: -32px;
      left: 2px;
      z-index: 999; }
    .remainder-block .custom-calender .inner-wrap:after {
      left: auto;
      right: 2px; }
.remainder-block .remainder-info {
  width: calc(100% - 140px);
  display: inline-block; }

.schedule-wrap {
  margin-bottom: 20px; }
  .schedule-wrap span {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
    font-family: "Poppins Medium";
    text-transform: uppercase; }
    .schedule-wrap span:last-child {
      margin-right: 0; }
    .schedule-wrap span:before {
      content: "";
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: -3px 15px 0 0;
      width: 15px;
      height: 15px; }
    .schedule-wrap span.calendar-ico:before {
      background: transparent url("../images/svg/calender.svg") no-repeat scroll 0 0; }
    .schedule-wrap span.time-ico:before {
      background: transparent url("../images/svg/time.svg") no-repeat scroll 0 0; }

.upcoming-events-block .common-content .trip-content {
  border-top: 1px solid #dcdddd;
  margin-top: 30px;
  padding-top: 30px; }

.lr-wrap .left {
  float: left; }
.lr-wrap .right {
  float: right; }

.red-border-btn {
  width: 150px;
  padding: 10px;
  box-sizing: border-box;
  color: #e51b24;
  border: 1px solid #e51b24;
  border-radius: 5px;
  font-family: "Poppins Medium";
  font-size: 14px;
  background-color: #ffffff;
  text-align: center;
  display: block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  .red-border-btn:hover {
    background-color: #e51b24;
    color: #ffffff; }

.bus-block .common-content {
  padding: 0; }
  .bus-block .common-content .sub-heading {
    padding: 20px; }
    .bus-block .common-content .sub-heading h4 {
      float: left;
      margin-bottom: 0; }
    .bus-block .common-content .sub-heading span {
      float: right;
      font-size: 12px;
      color: #999999; }
  .bus-block .common-content .pickup-schdule {
    padding: 20px; }
    .bus-block .common-content .pickup-schdule .pickup-details {
      display: inline-block;
      margin-right: 60px; }
      .bus-block .common-content .pickup-schdule .pickup-details span {
        display: block;
        font-family: "Poppins Medium"; }
      .bus-block .common-content .pickup-schdule .pickup-details strong {
        display: block;
        font-size: 24px;
        font-family: "Poppins Medium";
        color: #666666; }
        .bus-block .common-content .pickup-schdule .pickup-details strong.green-txt {
          color: #8dc63f; }
  .bus-block .common-content .cancel-pickup {
    padding: 10px 20px;
    background-color: #f5f6f6; }
    .bus-block .common-content .cancel-pickup .left {
      margin-top: 11px;
      color: #666666;
      font-size: 12px; }

.exam-list li {
  background-color: #fafafa;
  padding: 10px;
  border-bottom: 1px solid #dcdddd; }
  .exam-list li span {
    float: left;
    width: 33.33%;
    color: #666666;
    font-size: 12px; }
  .exam-list li.heading {
    background-color: #f4f4f4;
    border-bottom: 0 none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .exam-list li.heading span {
      color: #0d5cab;
      font-size: 12px;
      font-family: "Poppins Medium";
      display: block; }
  .exam-list li:last-child {
    border-bottom: 0 none;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px; }

.gallery-block .common-content {
  padding: 0; }
  .gallery-block .common-content .gallery-img {
    width: 100%;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px; }
    .gallery-block .common-content .gallery-img img {
      width: 100%; }
    .gallery-block .common-content .gallery-img .gallery-info {
      position: absolute;
      bottom: 20px;
      left: 30px;
      color: #ffffff; }
      .gallery-block .common-content .gallery-img .gallery-info h5 {
        color: #ffffff;
        margin-bottom: 5px;
        font-size: 14px; }
      .gallery-block .common-content .gallery-img .gallery-info span {
        color: #999999;
        font-size: 12px;
        text-transform: uppercase; }

.next-giis-block {
  margin-bottom: 0; }
  .next-giis-block .common-content {
    padding: 0; }
    .next-giis-block .common-content img {
      width: 100%; }
    .next-giis-block .common-content .tracking-details {
      padding: 30px; }
      .next-giis-block .common-content .tracking-details span {
        color: #999999;
        font-size: 12px; }
      .next-giis-block .common-content .tracking-details h4 {
        margin-bottom: 20px; }

.home-fees-block label {
  color: #666666; }
.home-fees-block .fee-info {
  margin-bottom: 20px; }
  .home-fees-block .fee-info .info-wrap {
    display: inline-block;
    margin-right: 20px;
    line-height: 12px; }
    .home-fees-block .fee-info .info-wrap:last-child {
      border-left: 1px solid #dcdddd;
      padding-left: 20px; }
.home-fees-block h3 {
  margin: 0 0 20px 0; }
.home-fees-block .pay-by {
  margin-bottom: 20px; }
  .home-fees-block .pay-by label {
    display: block; }
.home-fees-block .blue-btn {
  min-width: 170px; }

.upcoming-holidays-block .holidays-list li {
  display: inline-block;
  width: 32%;
  text-align: center;
  border-right: 1px solid #dcdddd; }
  .upcoming-holidays-block .holidays-list li:last-child {
    border-right: 0 none; }

.resources-block .right {
  position: relative; }
  .resources-block .right .dropdown-link {
    font-size: 12px; }
.resources-block .days-dropdown {
  z-index: 99999;
  width: 160px;
  right: -25px;
  left: auto;
  top: 35px; }
  .resources-block .days-dropdown:before {
    left: auto;
    right: 24px; }
  .resources-block .days-dropdown:after {
    left: auto;
    right: 24px; }
  .resources-block .days-dropdown ul li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .resources-block .days-dropdown ul li a {
      padding: 10px 30px;
      color: #999999;
      font-size: 12px;
      display: block; }
    .resources-block .days-dropdown ul li.active a {
      color: #0d5cab; }
    .resources-block .days-dropdown ul li:hover {
      background-color: #f5f6f6;
      border-top: 1px solid #dcdddd;
      border-bottom: 1px solid #dcdddd; }

.tabs-list li {
  display: inline-block;
  vertical-align: middle; }
  .tabs-list li a {
    color: #999999;
    line-height: 15px;
    padding: 0 25px;
    display: block;
    border-right: 1px solid #dcdddd; }
  .tabs-list li:first-child a {
    padding-left: 0; }
  .tabs-list li:last-child a {
    border-right: 0; }
  .tabs-list li.active a {
    color: #333333; }

.tabcontent {
  display: none;
  position: relative; }
  .tabcontent.active {
    display: block; }

.daywise-list {
  margin-left: 12px; }
  .daywise-list li {
    margin-bottom: 40px;
    position: relative;
    padding-left: 25px; }
    .daywise-list li .subject-info span {
      color: #999999;
      font-size: 12px;
      display: block; }
    .daywise-list li .subject-info h4 {
      font-size: 14px;
      color: #333333 !important;
      margin-top: 5px;
      font-family: "Poppins Regular"; }
    .daywise-list li:before {
      content: "";
      position: absolute;
      left: 0px;
      top: 12px;
      display: block;
      border-left: 1px solid #a8b6c4;
      height: 160%;
      z-index: 1; }
    .daywise-list li:after {
      content: "";
      position: absolute;
      left: -6px;
      top: 5px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #ffffff;
      border: 3px solid #0d5cab;
      z-index: 9;
      box-shadow: 0px 0px 1px 3px #7fd6f7; }
    .daywise-list li:last-child {
      margin-bottom: 0; }
      .daywise-list li:last-child:before {
        display: none; }
    .daywise-list li.break-ico h4 {
      color: #299d16 !important;
      font-size: 14px; }
    .daywise-list li.break-ico:after {
      border: 3px solid #299d16;
      box-shadow: 0px 0px 1px 3px #94ce8a; }
    .daywise-list li.break-ico:before {
      top: 20px;
      height: 200%; }
    .daywise-list li .email-ico {
      background: #00aeef url("../images/svg/email.svg") no-repeat scroll center center/15px 15px;
      width: 30px;
      height: 30px;
      display: block;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: 20px;
      text-indent: -9999px; }

.resources-list .resources-item h5 {
  margin: 0;
  font-size: 14px; }
.resources-list .resources-item p {
  color: #999999;
  font-size: 12px;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 0; }
.resources-list .resources-item .item-header {
  padding: 20px 0;
  border-top: 1px solid #dcdddd; }
  .resources-list .resources-item .item-header .left {
    width: 75%;
    margin-right: 5%; }
.resources-list .resources-item:first-child .item-header {
  padding-top: 0;
  border-top: 0 none; }
.resources-list .resources-item .item-content {
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 18px;
  display: block; }
  .resources-list .resources-item .item-content .view-link {
    margin-top: 15px;
    color: #00aeef; }
  .resources-list .resources-item .item-content h5 {
    margin-bottom: 5px;
    color: #333333; }
  .resources-list .resources-item .item-content span {
    color: #333333; }
  .resources-list .resources-item .item-content:hover {
    background-color: #eeeeee;
    border-color: #d9d9d9; }
    .resources-list .resources-item .item-content:hover .view-link {
      color: #0d5cab; }
      .resources-list .resources-item .item-content:hover .view-link:after {
        background: transparent url("../images/svg/right-arrow-hover.svg") no-repeat scroll 4px 0; }
.resources-list .resources-item.detailed-assessment {
  background-color: #fbfbfb; }

.settings-content {
  padding: 0 !important; }

.settings-wrap {
  border-bottom: 1px solid #dcdddd;
  padding: 30px; }
  .settings-wrap .settings-options {
    margin: 25px 0; }
    .settings-wrap .settings-options .settings-item {
      display: inline-block;
      margin-right: 100px; }
      .settings-wrap .settings-options .settings-item label {
        display: block;
        font-size: 12px;
        color: #999999;
        margin-bottom: 5px;
        cursor: pointer; }
      .settings-wrap .settings-options .settings-item strong {
        font-weight: normal;
        font-family: "Poppins Medium"; }
      .settings-wrap .settings-options .settings-item span {
        display: block; }
      .settings-wrap .settings-options .settings-item h5 {
        margin: 0 0 10px 0; }
  .settings-wrap a {
    font-size: 12px; }
  .settings-wrap:last-child {
    border-bottom: 0 none; }
    .settings-wrap:last-child .settings-options {
      margin-bottom: 0; }

.app-wrapper {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0 35px;
  box-sizing: border-box; }
  .app-wrapper h5 {
    color: #ffffff;
    margin: 0 0 5px 0;
    text-transform: uppercase; }
  .app-wrapper a {
    display: block;
    margin-bottom: 14px; }
    .app-wrapper a img {
      width: 100%; }

.success-modal {
  text-align: center; }

.messages-block .message-content {
  padding: 0;
  position: relative; }
.messages-block .left-block {
  width: 40%;
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
  float: left; }
  .messages-block .left-block .search-wrap {
    margin-bottom: 15px; }
    .messages-block .left-block .search-wrap .search-field {
      border: 1px solid #dcdddd;
      box-sizing: border-box;
      border-radius: 5px;
      display: inline-block;
      vertical-align: middle;
      width: 84%; }
      .messages-block .left-block .search-wrap .search-field:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url("../images/svg/search.svg") 0 0 no-repeat;
        width: 15px;
        height: 15px;
        margin-left: 10px; }
      .messages-block .left-block .search-wrap .search-field input {
        height: 33px;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 5px 5px 5px 5px;
        width: calc(100% - 30px);
        display: inline-block; }
    .messages-block .left-block .search-wrap .msg-plus-ico {
      display: inline-block; }
.messages-block .right-block {
  width: 60%;
  float: left;
  border-left: 1px solid #dcdddd;
  box-sizing: border-box;
  position: relative; }

.messages-wrap {
  height: 640px;
  overflow: hidden; }

.messages-list {
  height: 100%; }
  .messages-list li {
    margin-bottom: 12px;
    border-radius: 5px;
    border: 1px solid #dcdddd;
    margin-top: 12px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .messages-list li label {
      display: block;
      cursor: pointer;
      padding: 16px 20px;
      border-radius: 5px;
      background-color: #ffffff; }
    .messages-list li input[type="radio"] {
      display: none; }
    .messages-list li .user-img {
      width: 40px;
      height: 40px;
      display: inline-block;
      margin-right: 15px;
      border-radius: 50%;
      overflow: hidden;
      vertical-align: middle; }
    .messages-list li .user-message {
      display: inline-block;
      vertical-align: middle; }
      .messages-list li .user-message h4 {
        color: #333333;
        font-weight: normal;
        font-family: "Poppins Medium";
        font-size: 14px; }
      .messages-list li .user-message p {
        margin-bottom: 0;
        font-size: 12px;
        color: #999999; }
    .messages-list li .time {
      position: absolute;
      top: 20px;
      right: 20px;
      display: block;
      color: #999999;
      font-size: 12px; }
    .messages-list li .message-count {
      position: absolute;
      bottom: 20px;
      right: 20px;
      display: none;
      font-size: 10px;
      background-color: #00aeef;
      width: 20px;
      height: 20px;
      line-height: 20px;
      border-radius: 50%;
      color: #ffffff;
      text-align: center; }
    .messages-list li.msg-received {
      background-color: #f8f8f8; }
      .messages-list li.msg-received .user-message h4 {
        color: #0d5cab; }
      .messages-list li.msg-received .message-count {
        display: block; }
    .messages-list li:hover, .messages-list li input[type="radio"]:checked + label {
      background-color: #0d5cab; }
      .messages-list li:hover .user-message h4, .messages-list li input[type="radio"]:checked + label .user-message h4 {
        color: #ffffff; }
      .messages-list li:hover .user-message p, .messages-list li input[type="radio"]:checked + label .user-message p {
        color: #ffffff; }
      .messages-list li:hover .time, .messages-list li input[type="radio"]:checked + label .time {
        color: #ffffff; }
    .messages-list li:hover label {
      background-color: #0d5cab; }
    .messages-list li:hover .user-message h4 {
      color: #ffffff !important; }
    .messages-list li:hover .user-message p {
      color: #ffffff !important; }

.chat-messages .top-wrap {
  padding: 10px 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dcdddd;
  background-color: #ffffff;
  box-sizing: border-box; }
  .chat-messages .top-wrap .selected-wrap {
    display: none;
    padding: 5px 0; }
    .chat-messages .top-wrap .selected-wrap .left a {
      margin-right: 30px; }
  .chat-messages .top-wrap .img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .chat-messages .top-wrap .name {
    display: inline-block; }
  .chat-messages .top-wrap .goto-profile {
    position: absolute;
    right: 20px;
    top: 24px;
    background: url("../images/svg/right-arrow-black.svg") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    text-indent: -9999px; }
.chat-messages .bottom-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  background-color: #ffffff;
  box-sizing: border-box;
  border-top: 1px solid #dcdddd;
  z-index: 9; }
  .chat-messages .bottom-wrap .emoticons-ico {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url("../images/svg/emoticon.svg") 0 0 no-repeat;
    padding: 0 15px 0 0; }
  .chat-messages .bottom-wrap .attachment-ico {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url("../images/svg/attachment-link.svg") right center no-repeat;
    padding: 0 0 0 15px; }
  .chat-messages .bottom-wrap input {
    width: calc(100% - 85px);
    display: inline-block;
    background-color: #f8f8f8;
    border-radius: 10px;
    height: 35px;
    padding: 5px 15px;
    box-sizing: border-box;
    border: 1px solid #dcdddd; }
.chat-messages .chat-wrap {
  height: 690px;
  overflow: hidden;
  background-color: #f8f8f8;
  padding: 15px 0px 60px 0px;
  box-sizing: border-box;
  margin-top: 65px; }
  .chat-messages .chat-wrap .chatting {
    height: 100%; }
    .chat-messages .chat-wrap .chatting input[type="checkbox"] {
      display: none; }
    .chat-messages .chat-wrap .chatting .chat-item {
      padding: 15px 35px;
      margin: 10px 0px;
      width: 100%;
      clear: both;
      overflow: hidden;
      position: relative;
      box-sizing: border-box; }
      .chat-messages .chat-wrap .chatting .chat-item label {
        background-color: #e5ebee;
        padding: 15px;
        border: 1px solid #dcdddd;
        border-radius: 5px;
        width: 50%;
        position: relative;
        font-size: 12px;
        box-sizing: border-box; }
        .chat-messages .chat-wrap .chatting .chat-item label:after {
          content: "";
          position: absolute;
          bottom: 10px;
          border-width: 10px;
          border-style: solid;
          display: block;
          width: 10px; }
        .chat-messages .chat-wrap .chatting .chat-item label:before {
          content: "";
          position: absolute;
          bottom: 10px;
          border-width: 10px;
          border-style: solid;
          display: block;
          width: 10px; }
        .chat-messages .chat-wrap .chatting .chat-item label span {
          position: absolute;
          bottom: 5px;
          right: 10px;
          color: #999999;
          font-size: 10px; }
          .chat-messages .chat-wrap .chatting .chat-item label span:before {
            content: "";
            position: absolute;
            left: -25px;
            top: 3px;
            width: 15px;
            height: 10px; }
          .chat-messages .chat-wrap .chatting .chat-item label span.read:before {
            background: url("../images/svg/blue-double-tick.svg") 0 0 no-repeat; }
          .chat-messages .chat-wrap .chatting .chat-item label span.not-read:before {
            background: url("../images/svg/double-tick.svg") 0 0 no-repeat; }
      .chat-messages .chat-wrap .chatting .chat-item.my-chat label {
        float: right;
        margin-right: 20px; }
        .chat-messages .chat-wrap .chatting .chat-item.my-chat label:after {
          border-color: transparent transparent transparent #e5ebee;
          right: -30px; }
        .chat-messages .chat-wrap .chatting .chat-item.my-chat label:before {
          border-color: transparent transparent transparent #d9e1e5;
          right: -31px; }
      .chat-messages .chat-wrap .chatting .chat-item.yours-chat label {
        float: left;
        margin-left: 20px;
        background-color: #ffffff; }
        .chat-messages .chat-wrap .chatting .chat-item.yours-chat label:after {
          left: -30px;
          border-color: transparent #ffffff transparent transparent; }
        .chat-messages .chat-wrap .chatting .chat-item.yours-chat label:before {
          left: -31px;
          border-color: transparent #d9e1e5 transparent transparent; }
    .chat-messages .chat-wrap .chatting .selected-msg {
      background-color: #e3f0f5;
      position: relative; }
      .chat-messages .chat-wrap .chatting .selected-msg:before {
        content: "";
        top: 50%;
        left: 17px;
        margin-top: -10px;
        background: url("../images/svg/media-selected.svg") 0 0 no-repeat;
        width: 20px;
        height: 20px;
        position: absolute; }

.contacts-list {
  max-height: 526px; }
  .contacts-list li {
    background-color: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #dcdddd; }
    .contacts-list li:last-child {
      border-bottom: 0 none; }
    .contacts-list li:hover {
      background-color: #f8f8f8; }
      .contacts-list li:hover h4 {
        color: #00aeef !important; }
    .contacts-list li .user-img {
      position: relative; }
    .contacts-list li .image-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      display: none; }
    .contacts-list li label {
      display: block;
      cursor: pointer; }
    .contacts-list li input[type="checkbox"] {
      display: none; }
    .contacts-list li input[type="checkbox"]:checked + label h4 {
      color: #00aeef !important; }
    .contacts-list li input[type="checkbox"]:checked + label .image-overlay {
      display: block; }

.academics-block .common-heading, .academics-block .common-content {
  padding: 0; }
.academics-block .resources-list .resources-item {
  padding: 25px;
  border-bottom: 1px solid #dcdddd; }
  .academics-block .resources-list .resources-item:last-child {
    border-bottom: 0 none; }
  .academics-block .resources-list .resources-item .item-header {
    border: 0 none;
    padding: 0; }
    .academics-block .resources-list .resources-item .item-header .code-wrap .item {
      margin-top: 10px; }
      .academics-block .resources-list .resources-item .item-header .code-wrap .item span {
        color: #999999; }
  .academics-block .resources-list .resources-item .item-content {
    max-width: 380px;
    margin-bottom: 16px; }
  .academics-block .resources-list .resources-item .resources-result h4 {
    font-weight: normal;
    font-family: "Poppins Medium";
    color: #666666;
    font-size: 14px;
    margin: 15px 0; }
  .academics-block .resources-list .resources-item .view-result {
    padding-bottom: 10px;
    display: block; }
  .academics-block .resources-list .resources-item .kaleido-app span {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    color: #999999; }
  .academics-block .resources-list .resources-item .kaleido-app a {
    display: block;
    margin-bottom: 10px; }

.academics-tabs li a {
  border: 0 none;
  font-size: 16px;
  color: #333333;
  font-family: "Poppins Medium";
  text-transform: uppercase;
  padding: 15px 30px;
  border-bottom: 3px solid transparent; }
.academics-tabs li:first-child a {
  padding-left: 30px; }
.academics-tabs li.active a {
  border-bottom: 3px solid #00aeef; }

.academics-content .tabcontent {
  margin: 30px; }
  .academics-content .tabcontent h4 {
    font-weight: normal;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 30px !important;
    display: block;
    font-family: "Poppins Medium"; }
  .academics-content .tabcontent.resources-content {
    margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #f4f4f4; }
  table thead {
    background-color: #f4f4f4;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  table tbody {
    background-color: #fafafa;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  table th, table td {
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px solid #dcdddd;
    font-size: 12px;
    color: #666666;
    font-family: "Poppins Regular";
    background-color: #fafafa; }
    table th a, table td a {
      color: #00aeef; }
      table th a:hover, table td a:hover {
        color: #0d5cab; }
  table th {
    color: #0d5cab;
    font-family: "Poppins Medium"; }
  table .white-bg td {
    background-color: #ffffff;
    color: #999999; }
    table .white-bg td.green-txt {
      color: #5ccd25;
      font-family: "Poppins Medium"; }
    table .white-bg td.orange-txt {
      color: #f8981c;
      font-family: "Poppins Medium"; }
  table .time-txt {
    color: #333333; }
  table .alt-bg {
    background-color: #f4f4f4; }

.timetable-data {
  border-collapse: unset;
  border: 0 none; }
  .timetable-data th, .timetable-data td {
    border-bottom: 0 none;
    width: 13%; }
  .timetable-data th {
    width: 13%;
    border-top: 1px solid #dcdddd;
    border-bottom: 1px solid #dcdddd; }
    .timetable-data th:first-child {
      border-left: 1px solid #dcdddd;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .timetable-data th:last-child {
      border-right: 1px solid #dcdddd;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .timetable-data .inner-table-wrap > td {
    padding: 0;
    width: 100%; }
  .timetable-data .inner-table-wrap table {
    border: 1px solid #dcdddd;
    border-collapse: unset;
    border-radius: 5px; }
    .timetable-data .inner-table-wrap table tr td {
      border-bottom: 1px solid #dcdddd; }
    .timetable-data .inner-table-wrap table tr:last-child td {
      border-bottom: 0 none; }
    .timetable-data .inner-table-wrap table tr:first-child td:first-child {
      border-top-left-radius: 5px; }
    .timetable-data .inner-table-wrap table tr:first-child td:last-child {
      border-top-right-radius: 5px; }
    .timetable-data .inner-table-wrap table tr:last-child td:first-child {
      border-bottom-left-radius: 5px; }
    .timetable-data .inner-table-wrap table tr:last-child td:last-child {
      border-bottom-right-radius: 5px; }

.bus-history-table {
  margin-bottom: 100px; }
  .bus-history-table h4 {
    color: #333333 !important;
    margin-bottom: 15px !important; }
  .bus-history-table table {
    border: 1px solid #dcdddd; }

.subj-teacher-list li {
  background-color: #fafafa;
  padding: 20px;
  border-radius: 8px;
  width: 40%;
  display: inline-block;
  border: 1px solid #dcdddd;
  margin: 0 18px 20px 0;
  position: relative; }
  .subj-teacher-list li:nth-child(2n) {
    margin-right: 0; }
  .subj-teacher-list li .profile-img {
    width: 50px;
    height: 50px; }
    .subj-teacher-list li .profile-img img {
      width: 100%;
      height: 100%; }
  .subj-teacher-list li .profile-info span {
    display: block;
    color: #666666;
    font-size: 14px;
    font-family: "Poppins Medium"; }
  .subj-teacher-list li .profile-info a {
    display: block;
    font-family: "Poppins Medium";
    color: #0d5cab;
    margin-top: 5px; }
    .subj-teacher-list li .profile-info a:hover {
      color: #00aeef; }
  .subj-teacher-list li .chat-ico {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url("../images/chat-plus.png") 0 0 no-repeat;
    width: 20px;
    height: 20px; }

.uniform-ico {
  color: #333333;
  font-family: "Poppins Medium"; }
  .uniform-ico:before {
    content: "";
    background: url("../images/svg/uniform.svg") 0 0 no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }

.services-wrap {
  text-align: center;
  margin-top: 32px; }
  .services-wrap p {
    color: #333333 !important;
    margin: 20px 0 !important; }
  .services-wrap .blue-btn {
    min-width: 200px !important; }

.school-bus-content {
  position: relative; }

.image-illustration {
  width: 160px;
  height: 160px;
  margin: 0 auto; }

.bus-details {
  position: relative;
  padding: 0 !important; }
  .bus-details .details-wrapper {
    padding: 30px;
    min-height: 300px; }
  .bus-details .input-fields {
    margin: 20px 0 30px 0; }
    .bus-details .input-fields label {
      font-size: 12px;
      color: #666666;
      margin-bottom: 15px;
      display: block; }
    .bus-details .input-fields .cal-field {
      position: relative;
      width: 200px; }
      .bus-details .input-fields .cal-field input[type="text"] {
        border-bottom: 1px solid #dcdddd;
        width: 100%;
        padding: 5px 25px 8px 0;
        box-sizing: border-box;
        font-size: 14px; }
      .bus-details .input-fields .cal-field:after {
        position: absolute;
        right: 2px;
        top: 7px;
        content: "";
        background: url("../images/svg/calender-blue.svg") 0 0 no-repeat;
        width: 15px;
        height: 15px; }

.more-info {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-family: "Poppins Regular";
  color: #999999;
  width: 100%;
  text-align: center;
  padding: 0 15px;
  box-sizing: border-box; }
  .more-info a {
    font-family: "Poppins Medium";
    color: #666666; }

.checkbox-group {
  position: relative; }
  .checkbox-group .checkbox-field {
    display: inline-block;
    margin-right: 40px; }
  .checkbox-group input[type="checkbox"] {
    display: none; }
  .checkbox-group label {
    color: #333333 !important;
    font-family: "Poppins Medium"; }
    .checkbox-group label:before {
      content: "";
      width: 14px;
      height: 14px;
      position: relative;
      background: url("../images/icon-checkbox.png") 0 0 no-repeat;
      position: relative;
      vertical-align: middle;
      display: inline-block;
      margin-right: 5px; }
  .checkbox-group input[type="checkbox"]:checked + label:before {
    background: url("../images/icon-check.png") 0 0 no-repeat; }

.services-controls {
  padding: 30px;
  background-color: #fafafa;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #dcdddd; }
  .services-controls .left {
    width: 50%;
    display: inline-block;
    vertical-align: middle; }
    .services-controls .left label {
      display: block;
      color: #666666;
      font-size: 12px;
      margin-bottom: 10px; }
    .services-controls .left .approval-title {
      color: #f8981c;
      text-transform: uppercase;
      font-size: 14px;
      font-family: "Poppins Medium"; }
      .services-controls .left .approval-title:before {
        content: "";
        position: relative;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px;
        background: url("../images/svg/awaiting.svg") 0 0 no-repeat;
        width: 18px;
        height: 18px; }
    .services-controls .left p {
      color: #999999;
      font-size: 12px; }
  .services-controls .right {
    width: 48%;
    display: inline-block;
    text-align: right; }
    .services-controls .right.btn-grp a {
      text-align: center;
      display: inline-block; }
      .services-controls .right.btn-grp a.cancel-btn {
        text-transform: uppercase;
        color: #666666;
        font-family: "Poppins Medium";
        margin-right: 40px; }
        .services-controls .right.btn-grp a.cancel-btn:hover {
          color: #333333; }
      .services-controls .right.btn-grp a.blue-btn {
        min-width: 200px; }
      .services-controls .right.btn-grp a.red-border-btn {
        margin-left: 20px;
        height: 40px;
        line-height: 18px;
        vertical-align: middle; }

.approval-controls {
  border-bottom: 1px solid #dcdddd;
  border-radius: 0;
  border-top: 0 none; }

.service-steps {
  margin: 80px 0; }
  .service-steps li {
    width: 33.33%;
    float: left;
    text-align: center; }
    .service-steps li span {
      display: block;
      font-size: 12px;
      color: #999999;
      margin: 15px 0 10px 0; }
    .service-steps li a {
      margin-left: 20px; }
    .service-steps li .image-illustration {
      width: 90px;
      height: 90px; }

.attendance-tabs .active {
  position: relative; }
  .attendance-tabs .active a:after {
    content: "";
    width: calc(100% - 25px);
    display: block;
    height: 2px;
    background-color: #00aeef;
    bottom: -10px;
    left: 0;
    position: absolute; }

.attendance-indicator {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #dcdddd; }
  .attendance-indicator .indi-item {
    color: #ffffff;
    padding: 3px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    margin-right: 15px; }
    .attendance-indicator .indi-item.present {
      background-color: #48d365; }
    .attendance-indicator .indi-item.absent {
      background-color: #e5464d; }
    .attendance-indicator .indi-item.holidays {
      background-color: #f2a138; }

.contacts-detail .item {
  padding: 0 10px;
  line-height: 14px;
  display: inline-block;
  font-family: "Poppins Medium"; }
  .contacts-detail .item:first-child {
    padding-left: 0; }
  .contacts-detail .item:last-child {
    border-left: 2px solid #dcdddd; }

.bus-setting-more .common-heading h4:before {
  display: none; }
.bus-setting-more .common-content {
  padding: 0 30px; }
.bus-setting-more .more-list .more-item {
  border-bottom: 1px solid #dcdddd; }
  .bus-setting-more .more-list .more-item a {
    padding: 20px 0;
    display: block;
    color: #00aeef;
    position: relative;
    background: url("../images/svg/right-arrow.svg") center right no-repeat;
    background-size: 12px 12px; }
    .bus-setting-more .more-list .more-item a:hover {
      color: #0d5cab; }
  .bus-setting-more .more-list .more-item:last-child {
    border-bottom: 0 none; }

.service-update {
  background-color: #3cb528;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 30px; }
  .service-update p {
    font-size: 12px;
    margin: 0;
    color: #ffffff; }
  .service-update .close-update {
    background: url("../images/svg/close-white.svg") center right no-repeat;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 5px; }

.boarded-ico {
  position: relative;
  color: #299d16;
  font-size: 12px;
  font-family: "Poppins Medium"; }
  .boarded-ico:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/boarded.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 10px; }

.not-boarded-ico {
  position: relative;
  color: #e51b24;
  font-size: 12px;
  font-family: "Poppins Medium"; }
  .not-boarded-ico:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/boarded-off.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 10px; }

.cancellation-ico {
  position: relative;
  text-transform: uppercase;
  font-size: 14px !important;
  font-family: "Poppins Medium"; }
  .cancellation-ico:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/svg/awaiting-red.svg") 0 0 no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 10px; }

.common-horizontal-list .item .left {
  display: inline-block;
  width: 60%; }
  .common-horizontal-list .item .left span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 45px;
    height: 45px; }
  .common-horizontal-list .item .left h5 {
    display: inline-block; }
.common-horizontal-list .item .right {
  display: inline-block;
  width: 38%;
  text-align: right; }

.emergency-list {
  width: 50%;
  border-right: 1px solid #dcdddd;
  padding: 0px 60px;
  box-sizing: border-box;
  float: left; }
  .emergency-list:first-child {
    padding-left: 0; }
  .emergency-list:last-child {
    border-right: 0 none; }
  .emergency-list .item {
    border-bottom: 1px solid #dcdddd;
    padding: 10px 0; }
    .emergency-list .item:last-child {
      border-bottom: 0 none; }
    .emergency-list .item .right {
      color: #666666; }

.handbook-block .common-heading h4:before, .circular-block .common-heading h4:before, .emergency-wrap .common-heading h4:before {
  display: none; }
.handbook-block .handbook-wrap, .circular-block .handbook-wrap, .emergency-wrap .handbook-wrap {
  text-align: center;
  margin: 20px 0; }

.circular-block .circular-wrap {
  text-align: center; }

.download-link:before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/svg/download-blue.svg") 0 0 no-repeat;
  width: 10px;
  height: 12px;
  margin-right: 5px; }
.download-link:hover:before {
  background: url("../images/svg/download-darkblue.svg") 0 0 no-repeat; }

.faq-block .common-heading h4 {
  margin-top: 6px; }
  .faq-block .common-heading h4:before {
    display: none; }
.faq-block .common-heading .search-faq {
  width: 188px;
  float: right;
  border: 1px solid #dcdddd;
  border-radius: 5px;
  padding: 5px 5px 5px 30px;
  box-sizing: border-box;
  background: #fff url("../images/svg/search-light.svg") 8px center no-repeat;
  background-size: 15px 15px; }
  .faq-block .common-heading .search-faq input {
    height: 20px;
    color: #cccccc; }
.faq-block .common-content {
  padding: 0; }

.faq-wrapper .accordian-list {
  border-bottom: 1px solid #dcdddd; }
  .faq-wrapper .accordian-list .accordian-title {
    color: #333333;
    border-top: 0 none;
    margin: 0;
    padding: 28px 30px 22px; }
    .faq-wrapper .accordian-list .accordian-title:after {
      top: 33px; }
    .faq-wrapper .accordian-list .accordian-title.active {
      color: #0d5cab;
      background-color: #fbfbfb; }
  .faq-wrapper .accordian-list .accordian-content {
    text-align: left;
    border-top: 0 none;
    padding: 0 30px 10px; }
  .faq-wrapper .accordian-list:last-child {
    border-bottom: 0 none; }

.about-wrapper {
  margin-top: 30px; }
  .about-wrapper .about-giis {
    text-align: center;
    margin-bottom: 130px; }
    .about-wrapper .about-giis h3 {
      font-size: 18px;
      color: #0d5cab;
      text-transform: uppercase; }
    .about-wrapper .about-giis span {
      font-size: 12px;
      color: #666666;
      margin-bottom: 20px;
      display: block; }
    .about-wrapper .about-giis p {
      color: #999999;
      font-size: 12px; }
  .about-wrapper .about-footer {
    text-align: center; }
    .about-wrapper .about-footer ul {
      margin-bottom: 15px; }
      .about-wrapper .about-footer ul li {
        display: inline-block; }
        .about-wrapper .about-footer ul li a {
          padding: 0 20px;
          border-right: 1px solid #dcdddd;
          color: #00aeef;
          font-size: 12px;
          line-height: 12px;
          display: block; }
          .about-wrapper .about-footer ul li a:hover {
            color: #0d5cab; }
        .about-wrapper .about-footer ul li:last-child a {
          border-right: 0 none; }
    .about-wrapper .about-footer p {
      color: #999999;
      font-size: 12px; }

.message-overlay {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  display: none;
  z-index: 999; }
  .message-overlay .left-block {
    width: calc(100% - 320px);
    float: left;
    height: 100%; }
  .message-overlay .right-block {
    width: 320px;
    float: left;
    height: 100%;
    background-color: #ffffff; }

.media-wrapper .media-tabs li {
  width: 50%;
  float: left;
  text-align: center;
  border-bottom: 1px solid #dcdddd; }
  .media-wrapper .media-tabs li a {
    border-right: 0 none;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent; }
  .media-wrapper .media-tabs li.active a {
    border-bottom: 3px solid #00aeef; }
.media-wrapper .media-tabbing-wrapper {
  margin: 10px 0; }

.image-gallery {
  padding: 0 5px; }
  .image-gallery li {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 5px;
    border-radius: 5px;
    position: relative; }
    .image-gallery li img {
      width: 100%;
      height: 100%;
      border-radius: 5px; }
    .image-gallery li input[type="checkbox"] {
      display: none; }
    .image-gallery li .select-img {
      position: absolute;
      right: 5px;
      bottom: 5px;
      width: 15px;
      height: 15px;
      z-index: 9999;
      background: url("../images/svg/media-unselected.svg") 0 0 no-repeat; }
    .image-gallery li input[type="checkbox"]:checked + label {
      z-index: 99; }
      .image-gallery li input[type="checkbox"]:checked + label .selected-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9; }
      .image-gallery li input[type="checkbox"]:checked + label .select-img {
        background: url("../images/svg/media-selected.svg") 0 0 no-repeat;
        width: 15px;
        height: 15px;
        display: block; }

.when-not-selected {
  padding: 25px 20px; }
  .when-not-selected .media-back-link {
    color: #333333; }
    .when-not-selected .media-back-link:before {
      content: "";
      position: relative;
      display: inline-block;
      vertical-align: middle;
      background: url("../images/svg/left-arrow.svg") 0 0 no-repeat;
      width: 10px;
      height: 10px;
      margin-right: 5px; }
  .when-not-selected .select-link {
    color: #00aeef; }

.when-selected {
  padding: 25px 20px;
  display: none; }
  .when-selected .cancel {
    float: right; }

.forward-ico {
  background: url("../images/svg/forward.svg") 0 0 no-repeat;
  width: 20px;
  height: 15px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

.download-ico {
  background: url("../images/svg/download-blue.svg") 0 0 no-repeat;
  width: 20px;
  height: 15px;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle; }

.cancel-ico {
  background: url("../images/svg/close.svg") 0 0 no-repeat;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle; }

.photo-preview {
  position: fixed;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: none; }
  .photo-preview .preview-header {
    padding: 20px 40px;
    background-color: #ffffff;
    border-bottom: 1px solid #dcdddd; }
    .photo-preview .preview-header .profile-img {
      width: 40px;
      height: 40px; }
    .photo-preview .preview-header .profile-info h4 {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0; }
    .photo-preview .preview-header .profile-info span {
      font-size: 10px; }
    .photo-preview .preview-header .right {
      padding-top: 12px; }
      .photo-preview .preview-header .right .cancel-ico {
        margin-left: 20px; }

.msg-contact-wrapper .right-block .heading {
  background-color: #e8e8e8;
  padding: 15px; }
.msg-contact-wrapper .right-block .teacher-image img {
  width: 100%; }
.msg-contact-wrapper .right-block .teacher-details {
  padding: 15px; }
  .msg-contact-wrapper .right-block .teacher-details .info span {
    font-size: 12px;
    color: #999999; }
  .msg-contact-wrapper .right-block .teacher-details .info strong {
    font-size: 12px; }
  .msg-contact-wrapper .right-block .teacher-details .documents-list {
    margin-top: 20px; }
    .msg-contact-wrapper .right-block .teacher-details .documents-list li a {
      display: block;
      padding: 20px 0;
      border-top: 1px solid #dcdddd;
      border-bottom: 1px solid #dcdddd; }
      .msg-contact-wrapper .right-block .teacher-details .documents-list li a h4 {
        color: #333333;
        font-size: 14px;
        font-family: "Poppins Medium"; }

.contact-info-wrapper .left-block {
  border: 0 none;
  position: relative;
  background-color: #ffffff;
  float: left;
  height: 100%;
  width: 40%;
  padding: 0; }
  .contact-info-wrapper .left-block .heading {
    background-color: #e8e8e8;
    padding: 15px; }
  .contact-info-wrapper .left-block .search-wrap {
    margin: 20px; }
    .contact-info-wrapper .left-block .search-wrap .search-field {
      border: 1px solid #dcdddd;
      box-sizing: border-box;
      border-radius: 5px;
      display: inline-block;
      vertical-align: middle;
      width: 100%; }
      .contact-info-wrapper .left-block .search-wrap .search-field:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url("../images/svg/search.svg") 0 0 no-repeat;
        width: 15px;
        height: 15px;
        margin-left: 10px; }
      .contact-info-wrapper .left-block .search-wrap .search-field input {
        height: 33px;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 5px 5px 5px 5px;
        width: calc(100% - 30px);
        display: inline-block; }
  .contact-info-wrapper .left-block h5 {
    font-size: 12px;
    color: #999999;
    padding: 0 15px;
    margin-bottom: 5px; }
  .contact-info-wrapper .left-block .selected-contact-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 15px;
    border-top: 1px solid #dcdddd;
    box-sizing: border-box; }
    .contact-info-wrapper .left-block .selected-contact-wrap span {
      margin-top: 8px;
      font-size: 12px;
      color: #999999; }
.contact-info-wrapper .right-block {
  width: 60%;
  float: left;
  background-color: transparent; }

.calendar-wrap {
  padding: 22px 30px; }

.schedule-list {
  padding-top: 20px;
  border-top: 1px solid #dcdddd; }
  .schedule-list li {
    font-size: 12px;
    display: inline-block;
    margin-right: 30px; }
    .schedule-list li:before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      margin-right: 10px;
      vertical-align: middle; }
  .schedule-list .events:before {
    background-color: #3cb528; }
  .schedule-list .exams:before {
    background-color: #e51b24; }
  .schedule-list .holidays:before {
    background-color: #f8981c; }
  .schedule-list .others:before {
    background-color: #7b35ee; }

.todays-event {
  padding: 20px 30px;
  border-top: 1px solid #dcdddd; }
  .todays-event .todays-event-list {
    margin-bottom: 20px; }
    .todays-event .todays-event-list:last-child {
      margin-bottom: 0; }
    .todays-event .todays-event-list .left span {
      display: inline-block;
      vertical-align: top;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #3cb528;
      text-align: center;
      line-height: 35px;
      color: #ffffff;
      margin-right: 15px; }
    .todays-event .todays-event-list .event-info {
      display: inline-block;
      margin-top: 5px; }
      .todays-event .todays-event-list .event-info h4 {
        color: #333333;
        margin: 0; }
    .todays-event .todays-event-list .right {
      color: #00aeef;
      margin-top: 5px; }
      .todays-event .todays-event-list .right:hover {
        color: #0d5cab; }
    .todays-event .todays-event-list.exam-list .left span {
      background-color: #e51b24; }

.event-calendar .fc-view-container table thead, .event-calendar .fc-view-container table tbody {
  background-color: transparent; }
.event-calendar td.fc-today {
  background-color: transparent; }
  .event-calendar td.fc-today span {
    padding: 1px 10px 0 !important;
    display: inline-block;
    background-color: #0d5cab;
    border-radius: 10px;
    color: #ffffff; }
.event-calendar .fc-event {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  padding: 0; }
.event-calendar .fc-event-container {
  text-align: center; }

.fc td, .fc th {
  border-width: 0px; }
.fc th {
  padding: 30px 0px; }
.fc td.fc-today {
  background-color: transparent; }
.fc .fc-day-top {
  text-align: center; }
.fc .fc-basic-view .fc-day-top .fc-day-number {
  float: none; }

.fc-scroller {
  overflow-y: hidden !important; }

.fc-basic-view table {
  border: 0 none !important; }

.fc-basic-view .fc-day-header {
  color: #000;
  padding: 15px 0px 20px; }

.fc-center h2, .fc-left h2 {
  font-size: 16px;
  font-family: "Poppins Medium";
  color: #0d5cab; }

.fc-toolbar.fc-header-toolbar {
  max-width: 200px;
  margin: 0 auto; }

.fc-toolbar button {
  background: none;
  border: 0 none;
  padding: 0;
  box-shadow: none; }

.fc button .fc-icon {
  top: 0;
  color: #00aeef; }

.holiday-calendar .fc-event-container {
  text-align: center; }
.holiday-calendar .fc-event {
  border-radius: 12px;
  height: 15px;
  margin: 0 auto;
  min-width: 22px;
  text-align: center; }
.holiday-calendar .fc-basic-view .fc-body .fc-row {
  height: 60px !important; }

.timetable-item h5 {
  font-size: 12px; }

.pending-content {
  min-height: 600px; }

.semester-modal {
  z-index: 9999; }

.timetable-tabs li, .attendance-tabs li {
  padding: 0 25px;
  border-right: 1px solid #dcdddd; }
  .timetable-tabs li:first-child, .attendance-tabs li:first-child {
    padding-left: 0; }
  .timetable-tabs li:last-child, .attendance-tabs li:last-child {
    border-right: 0 none; }
  .timetable-tabs li a, .attendance-tabs li a {
    position: relative;
    padding: 0;
    border: 0 none; }
  .timetable-tabs li.active a:after, .attendance-tabs li.active a:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00aeef; }

.monthly-day {
  text-align: center; }
  .monthly-day:before {
    padding-top: 43px; }
  .monthly-day .monthly-event-indicator {
    text-indent: -9999px; }

.monthly-day-event > .monthly-indicator-wrap {
  margin-top: 10px; }
.monthly-day-event > .monthly-day-number {
  left: 50%;
  transform: translateX(-50%);
  top: 10px; }

.monthly-today .monthly-day-number {
  padding: 2px 5px;
  height: 15px;
  line-height: 18px;
  background: #0d5cab; }

.monthly-day-wrap {
  margin-top: 15px; }

.monthly-day-title-wrap {
  border-bottom: 0 none;
  margin-top: 15px; }

.monthly-prev {
  left: 30%; }
  .monthly-prev:after {
    border-color: #0d5cab; }

.monthly-next {
  right: 30%; }
  .monthly-next:after {
    border-color: #0d5cab; }

.monthly-event-list {
  z-index: 9999; }

.monthly-header-title-date, .monthly-reset {
  border: 0 none !important;
  border-radius: 0;
  background-color: transparent !important;
  color: #0d5cab !important;
  font-size: 16px;
  font-family: "Poppins Medium"; }
  .monthly-header-title-date:hover, .monthly-reset:hover {
    border: 0 none !important;
    border-radius: 0;
    background-color: transparent !important;
    color: #999999 !important; }

.monthly-day, .monthly-day-blank {
  box-shadow: none; }

.monthly-reset {
  display: none !important; }

.event-calendar .monthly-day {
  text-align: center; }
  .event-calendar .monthly-day .monthly-event-indicator {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50%;
    display: inline-block;
    text-indent: -9999px;
    margin-left: 3px;
    box-shadow: none !important; }
.event-calendar .monthly-day .monthly-event-indicator:first-child {
  display: none; }

.holiday-calendar .monthly-day .monthly-event-indicator {
  color: #ffffff; }
  .holiday-calendar .monthly-day .monthly-event-indicator:first-child {
    display: none; }
.holiday-calendar .monthly-day {
  z-index: 9999; }
.holiday-calendar .monthly-day-event {
  padding-top: 10px; }
  .holiday-calendar .monthly-day-event > .monthly-indicator-wrap {
    margin-top: 10px;
    position: absolute;
    width: 100%;
    top: -5px;
    z-index: -1; }
.holiday-calendar .monthly-today .monthly-day-number {
  top: 6px; }

.semester-holidays .monthly-prev, .semester-holidays .monthly-next {
  display: none; }
.semester-holidays .monthly-header {
  text-align: left;
  margin-top: 10px;
  border-bottom: 1px solid #dcdddd; }

.month-attendance-block .common-content {
  padding-top: 10px; }

.attendance-list .monthly-header {
  display: none; }
.attendance-list .monthly-day-title-wrap {
  margin-top: 30px; }

.secondary-block {
  margin: 40px 0; }
  .secondary-block .common-heading h4:before {
    display: none; }

.secondary-content {
  min-height: calc(100vh - 250px); }
  .secondary-content ol li {
    color: #666666;
    margin-bottom: 5px; }

.breakdown-wrapper .left-block {
  float: left; }
.breakdown-wrapper .right-block {
  float: right; }
  .breakdown-wrapper .right-block h4 {
    margin: 0;
    font-weight: bold; }
    .breakdown-wrapper .right-block h4 span {
      color: #0d5cab; }

.breakdown-table {
  margin-top: 30px; }
  .breakdown-table th, .breakdown-table td {
    border-bottom: 0 none; }
  .breakdown-table td {
    padding: 10px 0 0 0; }
  .breakdown-table .checkbox-input {
    display: none; }
  .breakdown-table thead {
    background-color: #f4f4f4; }
    .breakdown-table thead tr {
      border: 1px solid #dedddd; }
  .breakdown-table label:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon-checkbox.png") 0 0 no-repeat;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 5px; }
  .breakdown-table input[type="checkbox"]:checked + label:before {
    background: url("../images/icon-check.png") 0 0 no-repeat; }
  .breakdown-table td table {
    border: 1px solid #dedddd; }
    .breakdown-table td table td {
      padding: 6px 20px; }
    .breakdown-table td table tbody td:nth-child(odd) {
      background-color: #edf5f7; }
    .breakdown-table td table tbody td:nth-child(even) {
      background-color: #e8edf0; }
  .breakdown-table .total-value {
    border: 1px solid #dedddd;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px; }

.breakdown-content .pay-btn-wrap {
  display: block; }
.breakdown-content .table-wrap {
  margin-bottom: 50px; }

.total-fees {
  padding: 30px;
  border-top: 1px solid #dedddd; }
  .total-fees .left-block {
    float: left; }
    .total-fees .left-block .amount-txt {
      color: #666; }
    .total-fees .left-block h4 {
      margin: 10px 0 0 0;
      font-size: 30px;
      font-weight: bold; }
      .total-fees .left-block h4 span {
        color: #0d5cab; }
  .total-fees .right-block {
    float: right;
    width: 50%;
    text-align: right; }
    .total-fees .right-block .blue-btn {
      display: inline-block; }
    .total-fees .right-block .back-btn {
      display: inline-block;
      padding: 10px;
      margin-right: 30px;
      color: #666;
      text-transform: uppercase; }
      .total-fees .right-block .back-btn:hover {
        color: #0d5cab; }

.summary-wrapper {
  border-bottom: 1px solid #dedddd;
  padding: 20px 0; }
  .summary-wrapper:last-child {
    border-bottom: 0 none;
    padding-bottom: 0; }
  .summary-wrapper .summary-list {
    margin-bottom: 15px; }
    .summary-wrapper .summary-list label {
      float: left;
      color: #27303e; }
      .summary-wrapper .summary-list label span {
        display: block;
        color: #666666; }
    .summary-wrapper .summary-list .sgd-fees {
      float: right; }
      .summary-wrapper .summary-list .sgd-fees strong span {
        color: #0d5cab; }
    .summary-wrapper .summary-list.subtotal label {
      font-size: 18px;
      color: #27303e; }
    .summary-wrapper .summary-list.subtotal .sgd-fees strong {
      font-size: 18px; }
      .summary-wrapper .summary-list.subtotal .sgd-fees strong span {
        font-size: 18px; }

.fees-alert {
  padding-left: 28px;
  margin: 30px 0 0 0;
  color: #999999; }

.after-selection {
  padding: 30px;
  display: none; }
  .after-selection h4 {
    color: #0d5cab;
    margin: 10px 0; }

.not-active {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

.accordian-wrapper .accordian-title {
  cursor: pointer;
  position: relative;
  padding-right: 42px; }
  .accordian-wrapper .accordian-title:after {
    display: block;
    content: "";
    width: 10px;
    height: 6px;
    background: url("../images/svg/down-arrow-black.svg") no-repeat center center;
    right: 30px;
    top: 23px;
    position: absolute; }
.accordian-wrapper .accordian-content {
  display: none; }
.accordian-wrapper .accordian-title.active:after {
  background-image: url("../images/svg/up-arrow.svg"); }
.accordian-wrapper .accordian-content.active {
  display: block; }

.attachment {
  position: relative;
  padding-left: 20px; }
  .attachment:before {
    left: 0;
    top: 5px;
    width: 13px;
    height: 13px;
    content: "";
    position: absolute;
    background: url("../images/icon-attach.png") no-repeat center center; }

.camera-img {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  background: #00aeef url("../images/icon-camera.png") no-repeat center center;
  box-shadow: 1px 1px 5px #ddd; }

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }

.modal-wrapper {
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 462px;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 30px; }
  .modal-wrapper h4 {
    color: #0d5cab;
    margin-top: 0;
    font-size: 16px; }
  .modal-wrapper p {
    color: #666666;
    font-size: 14px; }
  .modal-wrapper .blue-btn {
    display: inline-block;
    min-width: 150px; }
  .modal-wrapper .input-field {
    position: relative;
    margin-bottom: 20px; }
    .modal-wrapper .input-field label {
      font-size: 12px;
      margin-bottom: 10px;
      color: #999999 !important;
      display: block; }
    .modal-wrapper .input-field input[type="text"], .modal-wrapper .input-field input[type="password"] {
      background-color: #fff;
      border: 1px solid #dcdddd;
      height: 40px;
      padding: 5px;
      box-sizing: border-box;
      border-radius: 5px; }
    .modal-wrapper .input-field .error {
      color: #e51b24;
      position: absolute;
      bottom: -22px;
      display: none;
      font-size: 12px; }
  .modal-wrapper .btn-grp {
    margin-top: 40px; }
    .modal-wrapper .btn-grp .blue-btn, .modal-wrapper .btn-grp a {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      padding: 0 15px;
      height: 40px;
      line-height: 40px; }
    .modal-wrapper .btn-grp .blue-btn {
      color: #fff; }
    .modal-wrapper .btn-grp a {
      font-family: "Poppins Medium";
      text-align: center;
      text-transform: uppercase;
      color: #666666; }
    .modal-wrapper .btn-grp .blue-btn {
      margin-right: 12px; }
  .modal-wrapper .close-ico {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: transparent url("../images/svg/close.svg") no-repeat scroll center center/10px 10px; }

.setting-overlay .modal-wrapper {
  max-width: 360px; }

/* parent profile css starts here */
.prof-container {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }

.prof-info-ttl {
  background-color: #f5f6f6;
  font: 16px/16px "Poppins Medium";
  margin: 0;
  padding: 15px 30px 15px 55px;
  text-transform: uppercase;
  position: relative; }
  .prof-info-ttl:before {
    display: block;
    content: "";
    position: absolute;
    left: 30px;
    top: 14px;
    width: 14px;
    height: 17px;
    background: url("../images/icon-user.png") no-repeat center center; }

.prof-content-wrap {
  background-color: #fff;
  padding: 28px 30px 18px;
  border-top: 1px solid #dcdddd; }

.prof-content-left, .prof-content-right {
  float: left;
  box-sizing: border-box; }

.prof-content-left {
  width: 30%;
  padding-right: 30px; }

.prof-content-right {
  width: 70%; }

.prof-content {
  font-family: "Poppins Medium"; }
  .prof-content label {
    color: #0d5cab; }
  .prof-content .select-wrap {
    max-width: 80px;
    margin: 8px 0 20px;
    -moz-placeholder-color: inherit;
    -moz-placeholder-opacity: 1;
    -ms-input-placeholder-color: inherit; }
    .prof-content .select-wrap:after {
      background: url("../images/down-arrow-black.png") center center no-repeat;
      top: 7px; }
    .prof-content .select-wrap.active:after {
      transform: rotate(180deg); }
    .prof-content .select-wrap .select-list {
      background-color: #fff;
      box-sizing: border-box;
      width: 160px;
      box-shadow: 0 0 10px #ccc;
      border-radius: 6px;
      margin-top: 5px; }
      .prof-content .select-wrap .select-list:before, .prof-content .select-wrap .select-list:after {
        border-style: solid;
        content: "";
        display: block;
        position: absolute;
        left: 40%; }
      .prof-content .select-wrap .select-list:after {
        border-color: transparent transparent #fff;
        border-width: 10px;
        top: -19px; }
      .prof-content .select-wrap .select-list:before {
        border-color: transparent transparent #ddd;
        border-width: 11px;
        top: -22px; }
      .prof-content .select-wrap .select-list li {
        padding: 10px 15px;
        font-size: 12px;
        color: #999999;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent; }
        .prof-content .select-wrap .select-list li:hover {
          border-top: 1px solid #dcdddd;
          border-bottom: 1px solid #dcdddd; }
        .prof-content .select-wrap .select-list li.active {
          color: #00aeef; }
    .prof-content .select-wrap input {
      font-family: "Poppins Regular";
      font-size: 14px; }
    .prof-content .select-wrap ::-webkit-input-placeholder {
      color: inherit; }
    .prof-content .select-wrap ::-moz-placeholder {
      color: inherit;
      opacity: 1; }
    .prof-content .select-wrap ::-ms-input-placeholder {
      color: inherit; }
    .prof-content .select-wrap.inactive:after {
      background: url("../images/down-arrow-gray.png") center center no-repeat; }
    .prof-content .select-wrap.inactive input {
      color: #999; }
  .prof-content .inactive-wrap {
    margin: 8px 0 20px;
    max-width: 80px; }
    .prof-content .inactive-wrap:after {
      background: url("../images/down-arrow-gray.png") center center no-repeat; }
    .prof-content .inactive-wrap span {
      color: #999;
      font-family: "Poppins Regular";
      font-size: 14px; }

.prof-status {
  font-size: 12px;
  color: #666; }
  .prof-status span {
    color: #f8981c;
    font-family: "Poppins Medium"; }

.parent-ttl {
  background-color: #fff;
  border-top: 1px solid #dcdddd;
  margin: 0;
  padding: 18px 30px;
  font: 14px/16px "Poppins Medium"; }
  .parent-ttl.active {
    background-color: #f4f4f4; }

.parent-content {
  text-align: center;
  background-color: #fbfbfb;
  border-top: 1px solid #dcdddd; }

.parent-content {
  padding: 40px 30px; }

.parent-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative; }
  .parent-img .camera-img {
    position: absolute;
    right: 0;
    bottom: 3px; }

.parent-name {
  color: #0d5cab;
  font-family: "Poppins Medium";
  margin: 12px 0 5px; }

.parent-contact a {
  display: inline-block;
  color: #666;
  font-size: 12px;
  line-height: 13px;
  border-right: 1px solid #dcdddd;
  padding: 0 13px 0 10px; }
  .parent-contact a:hover {
    color: #00aeef; }
  .parent-contact a:last-child {
    border-right: 0 none; }

.profile-detail {
  width: calc(100% / 3);
  float: left;
  box-sizing: border-box;
  padding: 40px 20px 0; }
  .profile-detail span, .profile-detail strong {
    display: block; }
  .profile-detail span {
    font-size: 12px;
    color: #999;
    margin-bottom: 3px; }
  .profile-detail a {
    color: #00aeef;
    display: inline-block; }
    .profile-detail a:hover {
      color: #0d5cab; }

.priority-modal h4 {
  color: #0d5cab;
  font-size: 16px;
  font-family: "Poppins Medium";
  margin: 0; }
.priority-modal p {
  margin: 12px 0 20px; }
.priority-modal .btn-grp {
  margin-top: 30px; }

/* parent profile css ends here */
/* notifications page css starts here */
.notif-section {
  background-color: #fbfbfb;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 30px; }

.notif-ttl, .notif-day-ttl {
  font-size: 16px;
  font-family: "Poppins Medium";
  margin: 0; }

.notif-ttl {
  background-color: #f5f6f6;
  border-bottom: 1px solid #dcdddd;
  text-transform: uppercase;
  padding: 15px 30px; }

.notif-day-ttl {
  background-color: #fff;
  padding: 25px 30px 8px;
  border-bottom: 1px solid #dcdddd; }

.notif-content {
  border-bottom: 1px solid #dcdddd;
  padding: 22px 30px; }

.notif-wrap:last-child .notif-content:last-child {
  border-bottom: 0 none; }

.notif-block {
  border-bottom: 1px solid #dcdddd;
  padding-bottom: 20px;
  margin-bottom: 22px; }
  .notif-block:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .notif-block .time-wrap {
    float: right; }
  .notif-block .notif-msg {
    color: #333; }

.notif-list-wrap .notif-block:last-child {
  padding-bottom: 15px; }

.notif-highlight {
  background-color: #f5f5f5; }

.highlight-block {
  position: relative;
  padding-left: 15px; }
  .highlight-block .notif-msg {
    color: #0d5cab; }
  .highlight-block:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e51b24;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px; }

.single-notif .notif-msg {
  float: left;
  width: 80%; }

.name-wrap {
  color: #666;
  font-size: 12px;
  float: left;
  font-family: "Poppins Medium"; }

.notif-msg {
  line-height: 20px; }

.notif-clock {
  color: #3eeeee; }

.time-wrap {
  color: #999;
  font-size: 12px;
  position: relative;
  padding-left: 25px; }
  .time-wrap:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    top: 1px;
    background: url("../images/svg/time.svg") no-repeat center center; }

.notif-msg {
  color: #0d5cab; }

/* notifications page css ends here */
/* calendar page css starts here */
.calendar-profile-wrapper .right-block .percentage {
  font-size: 35px;
  line-height: 40px;
  margin-left: 20px; }

.calendar-section input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0; }
  .calendar-section input[type="checkbox"] + label {
    display: block;
    position: relative;
    cursor: pointer; }
    .calendar-section input[type="checkbox"] + label:before {
      width: 13px;
      height: 13px;
      display: block;
      content: "";
      position: absolute;
      background: url("../images/icon-checkbox.png") no-repeat 0 0; }
  .calendar-section input[type="checkbox"]:checked + label:before {
    background-image: url("../images/icon-check.png"); }

.recent-ico:before {
  background: url("../images/icon-recent.png") no-repeat 0 0; }

.calendar-event-section {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden; }
  .calendar-event-section .common-white-block {
    margin-bottom: 0;
    box-shadow: none;
    border-bottom: 1px solid #dcdddd;
    border-radius: 0; }

.upcoming-block {
  overflow: hidden; }
  .upcoming-block .load-event-link {
    border-top: 1px solid #dcdddd; }
  .upcoming-block .common-heading h4:before {
    background: url("../images/icon-upcoming.png") no-repeat 0 0; }

.event-filter-block {
  background-color: #fbfbfb;
  border-bottom: 1px solid #dcdddd;
  padding: 15px 30px;
  font-size: 12px; }

.event-filter-ttl {
  color: #999; }

.event-filter-list {
  margin-top: 15px; }
  .event-filter-list li {
    float: left; }
    .event-filter-list li label {
      padding-left: 22px;
      margin-right: 22px; }
      .event-filter-list li label:before {
        left: 0;
        top: 2px; }

.recent-event-list {
  padding: 30px 30px 35px 35px; }

.recent-event-item {
  padding-left: 22px;
  position: relative; }
  .recent-event-item:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    display: block;
    border-left: 1px solid #dcdddd;
    height: calc( 100% + 20px);
    z-index: 1; }
  .recent-event-item:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #299d16;
    position: absolute;
    left: -7px;
    top: 0;
    z-index: 9; }
  .recent-event-item .recent-event-content {
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dcdddd; }
  .recent-event-item:last-child:before {
    display: none; }
  .recent-event-item:last-child .recent-event-content {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none; }
  .recent-event-item .item-label {
    display: block;
    text-transform: uppercase;
    font-family: "Poppins Medium";
    line-height: 16px;
    color: #299d16; }
  .recent-event-item h5 {
    color: #0d5cab;
    font-size: 16px;
    margin: 22px 0 15px; }
  .recent-event-item p {
    color: #666;
    margin-bottom: 22px; }
  .recent-event-item .schedule-wrap {
    margin-bottom: 0; }
  .recent-event-item .detail-link {
    color: #00aeef;
    display: block;
    font-size: 12px;
    margin-top: 20px; }
    .recent-event-item .detail-link:hover {
      color: #0d5cab; }
  .recent-event-item .exam-list {
    max-width: 385px;
    margin-top: 25px; }
  .recent-event-item .status-wrap {
    margin-bottom: 15px; }
    .recent-event-item .status-wrap span, .recent-event-item .status-wrap small {
      display: block;
      font-family: "Poppins Medium"; }
    .recent-event-item .status-wrap small {
      color: #299d16;
      font-size: 12px;
      margin-top: 5px; }
  .recent-event-item .blue-btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-top: 22px;
    padding: 0 30px; }

.exam-item:after {
  background-color: #e51b24; }
.exam-item .item-label {
  color: #e51b24; }

.holiday-item:after {
  background-color: #7b35ee; }
.holiday-item .item-label {
  color: #7b35ee; }

.load-event-link {
  background-color: #f5f6f6;
  text-align: center;
  padding: 12px 0; }
  .load-event-link a {
    color: #00aeef; }
    .load-event-link a:hover {
      color: #0d5cab; }

.glance-block .common-heading h4, .upcoming-block .common-heading h4 {
  width: 100%; }

.month-ico:before {
  background: url("../images/icon-calendar.png") no-repeat 0 0; }

.cal-recent-block .recent-event-item {
  padding: 28px 30px 25px; }
  .cal-recent-block .recent-event-item:after, .cal-recent-block .recent-event-item:before {
    display: none; }

/* calendar page css ends here */
/* calendar event detail page css starts here */
.event-remainder-block .common-heading h4:before {
  display: none; }
.event-remainder-block .remainder-info {
  max-width: 595px;
  padding-left: 30px; }
.event-remainder-block .custom-calender {
  margin: 0;
  display: block;
  width: 100%; }
.event-remainder-block .remainder-img {
  float: left;
  border-right: 1px solid #dcdddd;
  padding-right: 30px; }

.event-remainder-content {
  padding: 30px; }

.remainder-details {
  margin-top: 25px; }
  .remainder-details span, .remainder-details strong, .remainder-details small {
    font-family: "Poppins Medium";
    display: block; }
  .remainder-details span, .remainder-details strong {
    font-size: 14px; }
  .remainder-details small {
    font-size: 12px;
    color: #299d16; }
  .remainder-details span {
    color: #666; }

.event-activity-block {
  padding: 25px 30px 70px 30px; }

.activity-title {
  font-family: "Poppins Medium";
  color: #0d5cab; }

.activity-content {
  color: #666;
  margin: 12px 0 18px; }

.activity-list {
  list-style-type: none; }
  .activity-list li {
    border: 1px solid #dcdddd;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    margin: 0 35px 35px 0;
    width: calc(50% - 35px); }
    .activity-list li:nth-child(2n) {
      margin-right: 0; }
    .activity-list li input[type="checkbox"]:checked + label {
      background-color: #fafafa; }
    .activity-list li input[type="checkbox"] + label {
      padding: 15px 15px 20px 40px; }
      .activity-list li input[type="checkbox"] + label:before {
        left: 15px;
        top: 20px; }
      .activity-list li input[type="checkbox"] + label p {
        font-size: 12px;
        color: #999;
        max-width: 275px;
        margin-bottom: 0; }

.activity-name {
  font-family: "Poppins Medium"; }
  .activity-name strong {
    float: left; }
  .activity-name span {
    float: right;
    color: #0d5cab; }

/* calendar event detail page css ends here */
/* attendance page css starts here */
.attendance-section .left-block, .attendance-section .right-block {
  width: calc(50% - 15px); }
  .attendance-section .left-block .common-heading h4, .attendance-section .right-block .common-heading h4 {
    width: 100%; }
.attendance-section .left-block {
  float: left; }
.attendance-section .right-block {
  float: right; }

.current-ico:before {
  background: url("../images/icon-current.png") no-repeat 0 1px; }

.current-attendance-content {
  padding: 30px; }

.attendance-row {
  border-bottom: 1px solid #dcdddd; }
  .attendance-row:last-child {
    border-bottom: 0 none; }

.attendance-col {
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  padding: 30px 10px 40px;
  color: #666; }
  .attendance-col:nth-child(odd) {
    border-right: 1px solid #dcdddd; }
  .attendance-col span, .attendance-col strong {
    display: block; }
  .attendance-col strong {
    font-family: "Poppins Medium";
    font-size: 40px;
    font-weight: 100; }

.working-col strong {
  color: #333; }

.holiday-col strong {
  color: #f2a138; }

.present-col strong {
  color: #48d365; }

.absent-col strong {
  color: #e5464d; }

.current-attendance-footer {
  font-family: "Poppins Medium";
  padding: 10px 30px 5px;
  border-top: 1px solid #dcdddd; }
  .current-attendance-footer h5, .current-attendance-footer span {
    display: inline-block;
    vertical-align: middle; }
  .current-attendance-footer h5 {
    margin: 0;
    font-size: 16px;
    width: 84%; }
  .current-attendance-footer span {
    font-size: 30px;
    color: #0d5cab;
    text-align: right;
    width: 14%; }

.semester-block .common-heading h4:before {
  display: none; }
.semester-block .common-heading a {
  font-size: 12px; }

.semester-date {
  font-size: 12px;
  color: #0d5cab;
  margin-bottom: 10px; }

.semester-content {
  padding: 18px 30px 10px; }

.semester-col {
  float: left;
  width: 50%;
  max-width: 370px;
  margin-bottom: 8px; }
  .semester-col span, .semester-col strong {
    display: inline-block;
    vertical-align: middle; }
  .semester-col span {
    color: #666;
    width: 70%;
    max-width: 220px; }
  .semester-col strong {
    font-size: 22px;
    font-family: "Poppins Medium";
    margin-left: 50px;
    text-align: right; }

.semester-modal {
  position: absolute; }
  .semester-modal .modal-wrapper {
    max-width: 1003px;
    padding: 0;
    background-color: #e6ebed; }
    .semester-modal .modal-wrapper h4 {
      margin-bottom: 10px; }
    .semester-modal .modal-wrapper .semester-date {
      color: #999; }
    .semester-modal .modal-wrapper .semester-header {
      padding: 30px;
      background-color: #ffffff; }
      .semester-modal .modal-wrapper .semester-header .sem-date {
        font-size: 12px;
        margin: 20px 0 30px 0;
        color: #999999; }
    .semester-modal .modal-wrapper .attendance-indicator {
      margin-top: 0;
      padding: 30px; }
    .semester-modal .modal-wrapper .semester-holidays {
      padding: 0 30px 30px; }
      .semester-modal .modal-wrapper .semester-holidays .cal-wrap {
        width: 48%;
        margin-right: 4%;
        float: left;
        background-color: #ffffff;
        margin-bottom: 40px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        .semester-modal .modal-wrapper .semester-holidays .cal-wrap:nth-child(2n) {
          margin-right: 0; }
        .semester-modal .modal-wrapper .semester-holidays .cal-wrap .fc-toolbar.fc-header-toolbar {
          max-width: 100%; }
          .semester-modal .modal-wrapper .semester-holidays .cal-wrap .fc-toolbar.fc-header-toolbar .fc-right {
            display: none; }
          .semester-modal .modal-wrapper .semester-holidays .cal-wrap .fc-toolbar.fc-header-toolbar .fc-left {
            width: 100%;
            box-sizing: border-box; }
            .semester-modal .modal-wrapper .semester-holidays .cal-wrap .fc-toolbar.fc-header-toolbar .fc-left h2 {
              color: #333333;
              padding: 15px;
              border-bottom: 1px solid #dcdddd;
              width: 100%;
              box-sizing: border-box;
              text-align: left;
              font-weight: normal;
              font-family: "Poppins Medium"; }
        .semester-modal .modal-wrapper .semester-holidays .cal-wrap .fc-other-month .fc-day-number {
          display: none; }

.mod-semester-content {
  padding: 30px; }

.modal-calendar-wrap {
  background-color: #e6ebed; }

/* attendance page css ends here */
/* result page css starts here */
.result-block .common-heading h4 {
  width: 100%; }
.result-block .common-heading .result-ico:before {
  background: url("../images/svg/results-blue.svg") no-repeat 0 0;
  margin-right: 5px;
  width: 17px;
  height: 17px; }

.result-row {
  padding: 25px 30px;
  border-bottom: 1px solid #dcdddd; }
  .result-row:last-child {
    border-bottom: 0 none; }
  .result-row:nth-child(even) {
    background-color: #fbfbfb; }

.result-left, .result-right {
  display: inline-block;
  vertical-align: middle; }

.result-left {
  width: 50%; }
  .result-left .result-sem, .result-left .result-name {
    font-family: "Poppins Medium"; }
  .result-left .result-name {
    color: #0d5cab;
    margin-top: 5px; }
  .result-left .result-date {
    color: #999; }

.result-right {
  width: 49%;
  text-align: right; }
  .result-right .blue-btn {
    display: inline-block;
    width: 140px;
    margin-right: 15px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #00aeef; }
    .result-right .blue-btn:last-child {
      margin-right: 0; }
  .result-right .white-btn {
    background-color: transparent;
    color: #00aeef; }
    .result-right .white-btn:hover {
      background-color: #00aeef;
      color: #fff; }

/* result page css ends here */
/* student profile page css starts here */
.stprofile-section .common-heading h4 {
  width: 100%; }

.profile-ico:before {
  background: url("../images/icon-profile.png") no-repeat 0 0; }

.stprofile-content {
  padding: 30px; }

.stprofile-link {
  width: 50%;
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #dcdddd; }
  .stprofile-link:nth-child(odd) a {
    margin-right: 60px; }
  .stprofile-link:nth-child(even) {
    border-right: 0 none; }
    .stprofile-link:nth-child(even) a {
      margin-left: 60px; }
  .stprofile-link a {
    display: block;
    border-bottom: 1px solid #dcdddd;
    padding: 25px 10px 25px 0;
    color: #666;
    position: relative; }
    .stprofile-link a:after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      background-image: url("../images/svg/right-arrow-grey.svg"); }
    .stprofile-link a:hover {
      color: #00aeef; }
      .stprofile-link a:hover:after {
        background-image: url("../images/svg/right-arrow.svg"); }

.stprofile-row:first-child a {
  padding-top: 0; }
  .stprofile-row:first-child a:after {
    top: 12px; }
.stprofile-row:last-child a {
  padding-bottom: 0;
  border-bottom: 0 none; }
  .stprofile-row:last-child a:after {
    top: 36px; }

/* student profile page css ends here */
/* student information page css starts here */
.stinfo-content .profile-detail-row {
  max-width: 550px;
  padding-bottom: 30px; }
.stinfo-content .profile-detail {
  padding: 30px 0 0;
  min-height: 75px; }

.personal-content {
  padding: 25px 30px;
  border-bottom: 1px solid #dcdddd; }

.stinfo-title {
  color: #0d5cab;
  font-family: "Poppins Medium"; }

.personal-info {
  border-bottom: 1px solid #dcdddd; }
  .personal-info:last-child {
    border-bottom: 0 none; }

.login-content {
  background-color: #fafafa;
  padding: 30px; }

.retrieve-link a {
  color: #00aeef;
  font-size: 12px;
  display: block;
  margin-bottom: 25px; }
  .retrieve-link a:hover {
    color: #0d5cab; }

.student-note {
  color: #999;
  font-size: 12px;
  margin-top: 28px; }

.change-pwd-modal .modal-wrapper {
  width: 360px; }
.change-pwd-modal .password-form {
  padding-top: 20px; }
  .change-pwd-modal .password-form label {
    color: #666;
    font-size: 12px; }
  .change-pwd-modal .password-form .form-field input {
    color: #333;
    border-color: #dcdddd; }
  .change-pwd-modal .password-form .form-field input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #666; }

.pass-success-modal {
  text-align: center; }
  .pass-success-modal .modal-wrapper {
    width: 360px; }
    .pass-success-modal .modal-wrapper h4 {
      margin-bottom: 35px; }
    .pass-success-modal .modal-wrapper p {
      margin: 25px 0 35px; }
    .pass-success-modal .modal-wrapper .blue-btn {
      display: block; }

/* student information page css ends here */
/* pending fees page css ends here */
.fees-block .common-heading {
  padding: 0; }
.fees-block .tabs-list li a {
  color: #999; }
.fees-block .tabs-list li.active a {
  color: #333; }

.check-fees-wrap {
  padding: 30px 30px 60px; }

.check-fees-block {
  border: 1px solid #dcdddd;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fafafa;
  float: left;
  width: calc(50% - 11px);
  display: table;
  margin-bottom: 22px; }
  .check-fees-block:nth-child(even) {
    float: right; }
  .check-fees-block input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0; }
    .check-fees-block input[type="checkbox"] + label {
      cursor: pointer;
      width: 18px;
      height: 18px;
      display: block;
      content: "";
      background: url("../images/icon-checkbox-big.png") no-repeat 0 0;
      margin: 16px 13px; }
    .check-fees-block input[type="checkbox"]:checked + label {
      background-image: url("../images/icon-check-big.png"); }
  .check-fees-block .check-fees-left {
    display: table-cell;
    height: 100%;
    width: 45px;
    background-color: #f2f2f2;
    border-right: 1px solid #dcdddd; }
  .check-fees-block .check-fees-right {
    display: table-cell;
    height: 100%;
    padding: 20px;
    vertical-align: top; }
  .check-fees-block .title-wrap {
    margin-bottom: 10px; }
    .check-fees-block .title-wrap h5, .check-fees-block .title-wrap .fees-value {
      display: inline-block;
      vertical-align: middle; }
    .check-fees-block .title-wrap h5 {
      width: 60%;
      font-size: 14px;
      line-height: 18px;
      margin: 0;
      font-family: "Poppins Medium"; }
    .check-fees-block .title-wrap .fees-value {
      width: 38%;
      text-align: right;
      font-size: 16px;
      font-family: "Poppins SemiBold"; }
      .check-fees-block .title-wrap .fees-value span {
        color: #0d5cab; }
  .check-fees-block .fees-date {
    font-size: 12px;
    color: #000;
    margin-bottom: 30px; }
    .check-fees-block .fees-date span {
      font-family: "Poppins Medium"; }
  .check-fees-block .blue-btn {
    max-width: 140px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 100%; }
    .check-fees-block .blue-btn.disabled-btn {
      opacity: 0.5;
      cursor: default; }

.pay-btn-wrap {
  text-align: right;
  background-color: #fafafa;
  padding: 30px;
  border-top: 1px solid #dcdddd;
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box; }
  .pay-btn-wrap .blue-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 22px;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
    min-width: auto; }
    .pay-btn-wrap .blue-btn.cancel-btn {
      margin-left: 0;
      background-color: transparent;
      color: #666; }

/* pending fees page css ends here */
/* fees summary page css starts here */
.fees-title {
  color: #0d5cab;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase; }

.fees-summary-wrap {
  padding: 30px 30px 100px; }

.fees-summary-block {
  border-bottom: 1px solid #dcdddd;
  padding: 22px 0; }
  .fees-summary-block:last-child {
    border-bottom: 0 none; }

.summary-row {
  padding-bottom: 15px; }
  .summary-row:last-child {
    padding-bottom: 0; }

.summary-left {
  float: left;
  width: 60%; }
  .summary-left.balance {
    font-size: 12px; }
    .summary-left.balance span {
      display: block;
      margin-top: 5px;
      color: #999; }
  .summary-left.total-title {
    font-family: "Poppins Medium";
    font-weight: 600; }

.summary-right {
  text-align: right;
  font-family: "Poppins SemiBold"; }
  .summary-right .amount {
    color: #0d5cab; }
  .summary-right.total-amount {
    font-size: 18px; }

.transaction-modal {
  text-align: center; }
  .transaction-modal .modal-wrapper {
    width: 430px; }
    .transaction-modal .modal-wrapper p {
      margin: 15px 0 25px; }
    .transaction-modal .modal-wrapper .blue-btn {
      height: 40px;
      line-height: 40px;
      padding: 0; }

/* fees summary page css ends here */
/* payment success page css starts here */
.payment-success-wrap {
  padding: 60px 30px 180px;
  text-align: center; }
  .payment-success-wrap h5 {
    color: #299d16;
    font-family: "Poppins Medium";
    font-size: 16px;
    margin: 25px 0 15px; }
  .payment-success-wrap p {
    margin: 0 0 30px;
    color: #999; }
  .payment-success-wrap .blue-btn {
    max-width: 160px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    padding: 0; }

/* payment success page css ends here */
/* fees history css starts here */
.fees-history-wrap {
  padding: 30px; }
  .fees-history-wrap .table-wrap {
    margin-bottom: 30px; }

.history-table {
  width: 100%;
  border: 0 none;
  font-size: 12px; }
  .history-table tr {
    background-color: #fff;
    border-bottom: 1px solid #000; }
    .history-table tr th {
      color: #999;
      font-family: "Poppins Medium"; }
      .history-table tr th.history-year {
        font-size: 14px;
        color: #333;
        padding-left: 0; }
    .history-table tr td {
      border: 1px solid #dcdddd;
      padding: 0 20px;
      height: 62px;
      color: #333;
      font-weight: 600;
      font-family: "Poppins Regular"; }
      .history-table tr td a {
        color: #00aeef; }
        .history-table tr td a:hover {
          color: #0d5cab; }
      .history-table tr td:nth-child(odd) {
        background-color: #f8f8f8; }
      .history-table tr td:first-child {
        color: #0d5cab;
        font-family: "Poppins Medium"; }
      .history-table tr td.amount-col {
        font-family: "Poppins Medium"; }
        .history-table tr td.amount-col span {
          color: #0d5cab; }

/* fees history css ends here */
/* course fees css starts here */
.course-fees-wrap {
  padding: 30px; }

.course-fees-title {
  font-size: 14px;
  margin: 0 0 12px;
  font-family: "Poppins Medium"; }
  .course-fees-title span {
    color: #999; }

.course-table {
  border-color: #dcdddd;
  width: 100%;
  margin-bottom: 45px; }
  .course-table thead, .course-table tbody {
    background-color: transparent; }
  .course-table td, .course-table th {
    border: 1px solid #dcdddd;
    padding: 0 27px;
    box-sizing: border-box; }
  .course-table th {
    font-family: "Poppins Medium";
    height: 58px;
    vertical-align: top;
    padding: 12px 27px 0; }
    .course-table th:first-child {
      padding: 12px 20px 0; }
    .course-table th:nth-child(odd) {
      background-color: #f4f4f4; }
    .course-table th:nth-child(even) {
      background-color: #fafafa; }
    .course-table th span {
      color: #999;
      display: block;
      font-size: 10px;
      margin-top: 3px; }
  .course-table td {
    font-family: "Poppins Regular";
    height: 40px; }
    .course-table td:first-child {
      padding: 0 20px; }
    .course-table td:nth-child(odd) {
      background-color: #fafafa; }
  .course-table tr:last-child td {
    border: 0 none;
    font-family: "Poppins Medium";
    background-color: #f4f4f4;
    color: #333;
    height: 50px; }
    .course-table tr:last-child td:first-child {
      color: #0d5cab; }

/* course fees css ends here */
@media (max-width: 1300px) {
  .messages-block .left-block .search-wrap .search-field {
    width: 82%; } }
@media (max-height: 600px) {
  .login-section {
    height: auto;
    min-height: 570px; }

  .checkout-link {
    position: relative;
    bottom: auto; } }
@media (max-width: 1200px) {
  .navigation-wrapper {
    width: 250px; }

  .content-container {
    width: calc(100% - 250px); }

  .emergency-list .item {
    padding: 20px 0; }
    .emergency-list .item .left, .emergency-list .item .right {
      display: block;
      width: 100%;
      text-align: center; }
    .emergency-list .item .left h5, .emergency-list .item .left span {
      display: block;
      text-align: center;
      margin-right: 0; }

  .services-controls .right.btn-grp a.blue-btn {
    margin-bottom: 20px; }

  .attendance-indicator .indi-item {
    margin-bottom: 10px; }

  .messages-block .left-block .search-wrap .search-field {
    width: 76%; }

  .event-calendar .monthly-today .monthly-day-number {
    padding: 2px; }

  .monthly-prev {
    left: 0; }

  .monthly-next {
    right: 0; } }
@media (max-width: 980px) {
  .navigation-wrapper {
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 9999;
    transition: left 0.4s;
    width: 100%;
    min-height: 100%; }
    .navigation-wrapper.show-navigation {
      left: 0; }

  .burger-menu {
    display: inline-block; }

  .content-container {
    width: 100%; }

  .table-wrap {
    max-width: 900px;
    width: 100%;
    overflow-x: scroll; }
    .table-wrap table {
      width: 900px !important; }

  .dropdown-popup {
    z-index: 999999; }

  .app-wrapper {
    position: relative;
    bottom: 0;
    margin-top: 30px; }
    .app-wrapper a img {
      width: auto; } }
@media (max-width: 767px) {
  .content-container {
    padding: 15px; }

  .login-container {
    min-height: auto; }

  .logo-wrap {
    position: relative;
    left: auto;
    transform: none;
    top: auto;
    text-align: center;
    margin-bottom: 20px;
    display: block; }

  .back-link {
    top: 15px;
    left: 15px; }

  .close-btn {
    right: 15px;
    top: 15px; }

  .login-section {
    height: auto;
    display: block; }
    .login-section .login-left, .login-section .login-right {
      width: 100%;
      display: block; }
    .login-section .login-right {
      background: #1a202d; }
      .login-section .login-right .logo-wrap {
        display: none; }
    .login-section .login-left {
      padding: 30px 0; }
    .login-section .login-footer, .login-section .checkout-link {
      position: relative;
      left: auto;
      top: auto;
      bottom: auto;
      transform: none; }
    .login-section .login-footer {
      padding: 30px 0; }

  .events-wrapper .left-block {
    width: 100%;
    float: none; }
  .events-wrapper .right-block {
    width: 100%;
    float: none; }

  .profile-wrapper .profile-img {
    display: block;
    margin-bottom: 10px; }

  .timetable-content {
    overflow: hidden; }

  .subj-teacher-list li {
    width: 100%;
    margin-right: 0;
    box-sizing: border-box; }

  .common-links {
    margin-left: 20px; }
    .common-links.date-links {
      display: none; }

  .common-links.user-links .user-dropdown-link h5 {
    display: none; }

  .academics-tabs li a {
    padding: 15px 10px;
    font-size: 14px; }

  .services-controls .left {
    width: 100%;
    display: block; }
  .services-controls .right {
    display: block;
    text-align: left;
    margin-top: 40px;
    width: 100%; }

  .faq-block .common-heading .search-faq {
    width: 35%; }

  .emergency-list {
    padding: 0 30px; }

  .attendance-section .left-block, .attendance-section .right-block {
    float: none;
    width: 100%; }

  .result-right .blue-btn {
    margin-right: 0;
    margin-bottom: 15px; }

  .check-fees-block, .activity-list li {
    width: 100%;
    float: none; }

  .course-table {
    margin-bottom: 15px; }

  .history-table {
    border-left: 1px solid #f4f4f4; }
    .history-table tr td {
      padding: 10px 20px; }

  .event-remainder-block .remainder-img {
    float: none;
    border-right: 0 none; }

  .event-remainder-block .remainder-info {
    width: 100%;
    padding-left: 0; }

  .stprofile-content {
    padding: 20px; }

  .stprofile-link a {
    padding: 15px 10px 15px 0; }
  .stprofile-link:nth-child(odd) a {
    margin-right: 20px; }
  .stprofile-link:nth-child(even) a {
    margin-left: 20px; }

  .stprofile-row:last-child a:after {
    top: 28px; }

  .profile-detail {
    width: calc(100% / 2);
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px; }
    .profile-detail:last-child, .profile-detail:nth-last-child(2) {
      border-bottom: 0 none;
      padding-bottom: 0; }

  .personal-content {
    padding: 25px 30px 0 30px; }

  .stinfo-content .profile-detail-row {
    padding-bottom: 0; }
  .stinfo-content .profile-detail {
    padding: 20px 0; }

  .prof-content-left, .prof-content-right {
    float: none;
    width: 100%; }

  .payment-success-wrap {
    padding: 30px; }

  .profile-wrapper .profile-img {
    display: block; }
  .profile-wrapper .profile-info h4 {
    font-size: 13px; }
    .profile-wrapper .profile-info h4 a:after {
      top: 6px; }
  .profile-wrapper .right-block {
    padding-left: 15px; }
    .profile-wrapper .right-block .sem-info, .profile-wrapper .right-block .percentage {
      display: block; }
    .profile-wrapper .right-block .percentage {
      margin-left: 0;
      font-size: 20px;
      line-height: 26px; }

  .messages-block .left-block {
    display: none; }
  .messages-block .right-block {
    width: 100%;
    border-left: 0px none; }

  .chat-messages .chat-wrap {
    padding: 15px; }
  .chat-messages .bottom-wrap {
    position: fixed;
    z-index: 999; }

  .chat-messages .chat-wrap {
    padding: 15px 0; }
    .chat-messages .chat-wrap .chatting .chat-item {
      padding: 15px 0; }
      .chat-messages .chat-wrap .chatting .chat-item label {
        width: 80%; }

  .selected-wrap .left, .when-not-selected .left, .preview-header .left, .msg-contact-wrapper .right-block .heading .left {
    float: left; }
  .selected-wrap .right, .when-not-selected .right, .preview-header .right, .msg-contact-wrapper .right-block .heading .right {
    float: right; }

  .resources-list .resources-item .item-header .left {
    width: 100%;
    margin-right: 0;
    float: none; }
  .resources-list .resources-item .item-header .right {
    float: none;
    margin-top: 20px; }

  .semester-modal .modal-wrapper .semester-holidays .cal-wrap {
    width: 100%;
    float: none; } }
@media (max-width: 480px) {
  .login-footer .nav-list li {
    font-size: 10px;
    line-height: 12px; }
    .login-footer .nav-list li a {
      padding: 0 4px; }

  .profile-wrapper .left-block {
    width: 100%;
    float: none;
    border-right: 0 none; }
  .profile-wrapper .right-block {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 20px;
    border-left: 0 none; }

  .remainder-block .common-content .remainder-info {
    width: 100%;
    display: block;
    margin-top: 15px; }

  .schedule-wrap span {
    display: block;
    margin-bottom: 10px;
    margin-right: 0; }

  .academics-tabs li a {
    padding: 15px 10px;
    font-size: 14px; }

  .settings-content .settings-wrap .settings-options .settings-item {
    display: block;
    margin-right: 0;
    margin-bottom: 15px; }

  .common-white-block .common-heading {
    padding: 15px; }
    .common-white-block .common-heading h4 {
      font-size: 13px; }
    .common-white-block .common-heading .block-link {
      font-size: 12px; }
  .common-white-block .common-content {
    padding: 15px; }
    .common-white-block .common-content h4 {
      font-size: 14px; }

  .profile-wrapper, .next-giis-block .common-content .tracking-details {
    padding: 15px; }

  .lr-wrap .left {
    float: none;
    margin-bottom: 10px; }
  .lr-wrap .right {
    float: none; }

  .resources-item .lr-wrap .left {
    float: left;
    margin-bottom: 0; }
  .resources-item .lr-wrap .right {
    float: right; }

  .fees-block .fee-info .info-wrap {
    display: block;
    margin-bottom: 15px; }
    .fees-block .fee-info .info-wrap:last-child {
      padding-left: 0;
      border-left: 0 none; }

  .services-controls .right.btn-grp a.blue-btn, .services-controls .right.btn-grp a.red-border-btn, .services-controls .right.btn-grp a.cancel-btn {
    min-width: auto;
    width: 100%;
    margin: 0 0 20px 0; }

  .service-steps li {
    float: none;
    width: 100%;
    margin-bottom: 40px; }

  .attendance-indicator .indi-item {
    min-width: 50px; }

  .download-link:before {
    margin-right: 3px; }

  .faq-block .common-heading .search-faq {
    width: 100%;
    margin-top: 10px; }

  .faq-block .common-content {
    padding: 0; }

  .emergency-list {
    width: 100%;
    float: none;
    padding: 0;
    border-right: 0 none; }
    .emergency-list .item:last-child {
      border-bottom: 1px solid #c4c5c5; }

  .semester-col {
    width: 100%;
    float: none; }
    .semester-col strong {
      margin-left: 30px; }

  .result-left, .result-right {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: left; }

  .stprofile-link {
    width: 100%;
    float: none;
    border-right: 0 none; }
    .stprofile-link:nth-child(2n+1) a {
      margin-right: 0; }
    .stprofile-link:nth-child(2n) a {
      margin-left: 0; }

  .stprofile-content {
    padding: 0 20px; }

  .stprofile-row:first-child a {
    padding-top: 15px; }
    .stprofile-row:first-child a:after {
      top: 50%; }
  .stprofile-row:last-child .stprofile-link:first-child {
    border-bottom: 1px solid #c3c3c3; }
  .stprofile-row:last-child a {
    padding-bottom: 15px; }
    .stprofile-row:last-child a:after {
      top: 50%; }

  .check-fees-block .title-wrap h5, .check-fees-block .title-wrap .fees-value {
    width: 100%;
    float: none;
    text-align: left; }

  .parent-content {
    padding: 20px 30px 20px; }

  .profile-detail {
    width: 100%;
    padding: 20px 0; }
    .profile-detail:nth-last-child(2) {
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px; }

  .academics-tabs li {
    display: block;
    margin-bottom: 10px; }
    .academics-tabs li a {
      padding: 5px 0; }
    .academics-tabs li:first-child a {
      padding-left: 0; }
    .academics-tabs li:last-child {
      margin-bottom: 0; }

  .check-fees-wrap, .pay-btn-wrap {
    padding: 15px; }

  .pay-btn-wrap .blue-btn {
    padding: 0 10px;
    margin-left: 5px; }

  .check-fees-block .check-fees-right {
    padding: 10px; }
  .check-fees-block .fees-date {
    margin-bottom: 15px; }

  .academics-content .tabcontent {
    margin: 30px 15px; }

  .selected-wrap .left, .when-not-selected .left, .preview-header .left, .msg-contact-wrapper .right-block .heading .left {
    float: left;
    margin-bottom: 0; }
  .selected-wrap .right, .when-not-selected .right, .preview-header .right, .msg-contact-wrapper .right-block .heading .right {
    float: right; }

  .chat-messages .chat-wrap .chatting .chat-item label {
    padding: 30px 15px; }

  .common-links.header-message-wrap .received-msg-dropdown {
    width: 320px;
    right: -153px; }
    .common-links.header-message-wrap .received-msg-dropdown:after {
      right: 50%; }
    .common-links.header-message-wrap .received-msg-dropdown:before {
      right: 50%; }

  .notification-dropdown {
    right: -114px;
    width: 320px; }
    .notification-dropdown:after {
      right: 35%; }
    .notification-dropdown:before {
      right: 35%; }

  .contacts-detail .item {
    font-size: 13px; }

  .attendance-tabs {
    margin-bottom: 20px; }

  .holiday-calendar .monthly-day-event > .monthly-indicator-wrap {
    max-width: 100%;
    line-height: 25px; } }
@media (max-width: 360px) {
  .current-attendance-footer h5, .current-attendance-footer span {
    width: 100%;
    text-align: left; } }

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