@media print {

  body,

  html {

    margin-top: 0%;

    display: block;

    height: 100%;

  }

  body {

    -webkit-print-color-adjust: exact !important;

    overflow: visible;

  }

  .nav_menu,

  .x_title,

  footer,

  .no-print {

    display: none;

  }

  .profile_img {

    margin-bottom: 20px;

    background-image: url(./assets/images/banner-bg.png) no-repeat !important;

    min-height: 200px;

    background-size: 100% 100% !important;

    -webkit-print-color-adjust: exact !important;

    color-adjust: exact !important;

  }

  .invoice-header {

    width: 50% !important;

  }

  .invoice-col {

    width: 33% !important;

  }

  .invoice {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

  }

  .layout-box {

    -webkit-print-color-adjust: exact !important;

    background-color: #f0f3f5 !important;

    text-align: center;

    border-radius: 10px;

    margin-bottom: 20px;

    padding: 10px;

  }

  .layout-box img {

    -webkit-print-color-adjust: exact !important;

    /* background-color: #337ab7 !important;*/

    padding: 3px;

    border-radius: 5px;

  }

  @page {

    margin: 0;

  }

  .invoice {

    text-align: center;

  }

  .pagebreak {

    clear: both;

    page-break-before: always !important;

    padding-top: 5px;

  }

  .pagebreak:last-child {

    clear: both;

    page-break-before: avoid !important;

    padding-top: 5px;

  }

  .x_panel {

    border: 0 !important;

    display: block !important;

  }

  /*start */

  .right_col {

    min-height: auto !important;

  }

  .fn-print-area {

    width: 100% !important;

    height: 100% !important;

    overflow-y: visible;

    display: inline;

  }

  /*end */

  .admit-card-block {

    margin: 5px 20px !important;

  }

  .modal-content {

    border: 0 !important;

  }

  .modal {

    border: 0 !important;

    margin: 0;

    padding: 0;

    min-height: 450px;

    visibility: visible;

    overflow: visible !important;

    position: relative;

  }

  .modal-dialog {

    visibility: visible !important;

    overflow: visible !important;

  }

}



/************  PRINT END **********************/



.pagebreak:last-child {

  clear: both;

  page-break-before: avoid;

  padding-top: 5px;

}



.full-width {

  width: 100%;

}



.full-height {

  height: 100%;

}



.left_col {

  background: #2a3f54;
  position: fixed; 
}



.nav-sm .container.body .col-md-3.left_col {

  min-height: 100%;

  width: 70px;

  padding: 0;

  z-index: 9999;

  position: absolute;

}



.nav-sm .container.body .col-md-3.left_col.menu_fixed {

  position: fixed;

  height: 100%;

}



.nav-sm .container.body .col-md-3.left_col .mCSB_container,

.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {

  overflow: visible;

}



.nav-sm .hidden-small {

  visibility: hidden;

}



.nav-sm .container.body .right_col {

  padding: 5px 20px;

  margin-left: 70px;

  z-index: 2;

}



.nav-sm .navbar.nav_title {

  width: 70px;

}



.nav-sm .navbar.nav_title a span {

  display: none;

}



.nav-sm .navbar.nav_title a i {

  font-size: 27px;

  margin: 13px 0 0 3px;

}



.site_title i {

  border: 1px solid #eaeaea;

  padding: 5px 6px;

  border-radius: 50%;

}



.nav-sm .main_container .top_nav {

  display: block;

  margin-left: 70px;

  z-index: 2;

}



.nav-sm .nav.side-menu li a {

  text-align: center !important;

  font-weight: 400;

  font-size: 10px;

  padding: 10px 5px;

}



.nav-sm .nav.child_menu li.active,

.nav-sm .nav.side-menu li.active-sm {

  border-right: 5px solid #1abb9c;

}



.nav-sm ul.nav.child_menu ul,

.nav-sm .nav.side-menu li.active-sm ul ul {

  position: static;

  width: 200px;

  background: none;

}



.nav-sm > .nav.side-menu > li.active-sm > a {

  color: #1abb9c !important;

}



.nav-sm .nav.side-menu li a i.toggle-up {

  display: none !important;

}



.nav-sm .nav.side-menu li a i {

  font-size: 25px !important;

  text-align: center;

  width: 100% !important;

  margin-bottom: 5px;

}



.nav-sm ul.nav.child_menu {

  left: 100%;

  position: absolute;

  top: 0;

  width: 210px;

  z-index: 4000;

  background: #3e5367;

  display: none;

}



.nav-sm ul.nav.child_menu li {

  padding: 0 10px;

}



.nav-sm ul.nav.child_menu li a {

  text-align: left !important;

}



.nav-sm .profile {

  display: none;

}



.menu_section {

  margin-bottom: 35px;
  position: relative;
  overflow-y: scroll;
  height: 90vh;
}
@media screen and (max-width: 1024px) {

  .menu_section {
 

    height: 85vh;

  }
  
}

/* Scrollbar Track */
.menu_section::-webkit-scrollbar {
  width: 2px; /* Width of the scrollbar */
}

/* Scrollbar Handle */
.menu_section::-webkit-scrollbar-thumb {
  background: #888; /* Color of the scrollbar */
  border-radius: 4px; /* Rounded corners */
}

/* Scrollbar Handle on Hover */
.menu_section::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}

/* Scrollbar Track */
.menu_section::-webkit-scrollbar-track {
  background: #f1f1f1; /* Background of the scrollbar track */
  border-radius: 4px;
}

/* Scrollbar Corner */
.menu_section::-webkit-scrollbar-corner {
  background: transparent;
}

.menu_section h3 {

  padding-left: 15px;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  font-weight: bold;

  font-size: 11px;

  margin-bottom: 0;

  margin-top: 0;

  text-shadow: 1px 1px #000;

}



.menu_section > ul {

  margin-top: 10px;

}



.profile_pic {

  width: 35%;

  float: left;

}



.img-circle.profile_img {

  width: 70%;

  background: #fff;

  margin-left: 15%;

  z-index: 1000;

  position: inherit;

  margin-top: 20px;

  border: 1px solid rgba(52, 73, 94, 0.44);

  padding: 4px;

}



.profile_info {

  padding: 25px 10px 10px;

  width: 65%;

  float: left;

}



.profile_info span {

  font-size: 13px;

  line-height: 30px;

  color: #bab8b8;

}



.profile_info h2 {

  font-size: 14px;

  color: #ecf0f1;

  margin: 0;

  font-weight: 300;

}



.profile.img_2 {

  text-align: center;

}



.profile.img_2 .profile_pic {

  width: 100%;

}



.profile.img_2 .profile_pic .img-circle.profile_img {

  width: 50%;

  margin: 10px 0 0;

}



.profile.img_2 .profile_info {

  padding: 15px 10px 0;

  width: 100%;

  margin-bottom: 20px;

  float: left;

}



.main_menu span.fa {

  float: right;

  text-align: center;

  margin-top: 5px;

  font-size: 10px;

  min-width: inherit;

  color: #c4cfda;

}



.active a span.fa {

  text-align: right !important;

  margin-right: 4px;

}



.nav-sm .menu_section {

  margin: 0;

}



.nav-sm span.fa,

.nav-sm .menu_section h3 {

  display: none;

}



.nav-sm li li span.fa {

  display: inline-block;

}



.nav_menu {

  float: left;

  background: #ededed;

  border-bottom: 1px solid #d9dee4;

  margin-bottom: 10px;

  width: 100%;

  position: relative;

}



@media (min-width: 480px) {

  .nav_menu {

    position: static;

  }

}



.nav-md .container.body .col-md-3.left_col {

  min-height: 100%;

  width: 230px;

  padding: 0;

  position: absolute;

  transition: left 0.9s ease;

  display: -ms-flexbox;

  display: flex;

  z-index: 10;

}



.nav-md .container.body .col-md-3.left_col.menu_fixed {

  height: 100%;

  position: fixed;

}



body .container.body .right_col {

  background: #f7f7f7;

}



.nav-md .container.body .right_col {

  padding: 0px 10px 0;

  margin-left: 230px;

}



.nav_title {

  width: 230px;

  float: left;

  background: #2a3f54;

  border-radius: 0;

  max-height: 75px;

  border-bottom: 0.5px solid #fffbfb !important;

  text-align: center;

}



.nav_title span {

  line-height: 20px;

  margin-left: 5px;

  margin-top: 17px;

  font-size: 30px;

  width: 140px;

  float: right;

  margin-right: 10px;

}

.n_btn {

  position: absolute;

  margin-top: 12px;

  display: none;

  cursor: pointer;

  transition: left 0.9s ease;

}

.n_btn.click {

  margin-left: 230px;

  z-index: 999999;

}

.n_btn.click span::before {

  content: "\f00d";

  background-color: #1d2a34;

  size: 30px;

  padding: 10px;

}



.left_col .show {

  left: 0px;

  

}



@media (max-width: 991px) {

  .nav-md .container.body .right_col,

  .nav-md .container.body .top_nav {

    width: 100%;

    margin: 0;

  }

  .n_btn {

    display: block;

   

  }

  .nav-md .container.body .col-md-3.left_col {

    display: none;

  }

  .nav-md .container.body .right_col {

    width: 100%;

    padding-right: 0;

  }

  .right_col {

    padding: 10px !important;

  }

}



@media (max-width: 1200px) {

  .x_title h2 {

    width: 62%;

    font-size: 17px;

  }

  .tile,

  .graph {

    zoom: 85%;

    height: inherit;

  }

}



@media (max-width: 1270px) and (min-width: 192px) {

  .x_title h2 small {

    display: none;

  }

}



.left_col .mCSB_scrollTools {

  width: 6px;

}



.left_col .mCSB_dragger {

  max-height: 400px !important;

}



.blue {

  color: #3498db;

}



.purple {

  color: #9b59b6;

}



.green {

  color: #1abb9c;

}



.aero {

  color: #9cc2cb;

}



.red {

  color: #e74c3c;

}



.dark {

  color: #34495e;

}



.border-blue {

  border-color: #3498db !important;

}



.border-purple {

  border-color: #9b59b6 !important;

}



.border-green {

  border-color: #1abb9c !important;

}



.border-aero {

  border-color: #9cc2cb !important;

}



.border-red {

  border-color: #e74c3c !important;

}



.border-dark {

  border-color: #34495e !important;

}



.bg-white {

  background: #fff !important;

  border: 1px solid #fff !important;

  color: #73879c;

}



.bg-green {

  background: #1abb9c !important;

  border: 1px solid #1abb9c !important;

  color: #fff;

}



.bg-red {

  background: #e74c3c !important;

  border: 1px solid #e74c3c !important;

  color: #fff;

}



.bg-blue {

  background: #3498db !important;

  border: 1px solid #3498db !important;

  color: #fff;

}



.bg-orange {

  background: #f39c12 !important;

  border: 1px solid #f39c12 !important;

  color: #fff;

}



.bg-purple {

  background: #9b59b6 !important;

  border: 1px solid #9b59b6 !important;

  color: #fff;

}



.bg-blue-sky {

  background: #50c1cf !important;

  border: 1px solid #50c1cf !important;

  color: #fff;

}



.container {

  width: 100%;

  padding: 0;

}



.navbar-nav > li > a,

.navbar-brand,

.navbar-nav > li > a {

  color: #fff !important;

}



.top_nav .nav > li > a:focus,

.top_nav .nav > li > a:hover,

.top_nav .nav .open > a,

.top_nav .nav .open > a:focus,

.top_nav .nav .open > a:hover {

  background: #d9dee4;

}



body {

  color: #73879c;

  background: #1b3779;

  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.471;

}



.main_container .top_nav {

  display: block;

  margin-left: 230px;

}



.no-padding {

  padding: 0 !important;

}



.page-title {

  width: 100%;

  height: 65px;

  padding: 10px 0;

}



.page-title .title_left {

  width: 45%;

  float: left;

  display: block;

}



.page-title .title_left h3 {

  margin: 9px 0;

}



.page-title .title_right {

  width: 55%;

  float: left;

  display: block;

}



.page-title .title_right .pull-right {

  margin: 10px 0;

}



.fixed_height_320 {

  height: 320px;

}



.fixed_height_390 {

  height: 390px;

}



.fixed_height_200 {

  height: 200px;

}



.overflow_hidden {

  overflow: hidden;

}



.progress-bar-dark {

  background-color: #34495e !important;

}



.progress-bar-gray {

  background-color: #bdc3c7 !important;

}



table.no-margin .progress {

  margin-bottom: 0;

}



.main_content {

  padding: 10px 20px;

}



.col-md-55 {

  width: 50%;

  margin-bottom: 10px;

}



@media (min-width: 768px) {

  .col-md-55 {

    width: 20%;

  }

}



@media (min-width: 992px) {

  .col-md-55 {

    width: 20%;

  }

}



@media (min-width: 1200px) {

  .col-md-55 {

    width: 20%;

  }

}



@media (min-width: 192px) and (max-width: 1270px) {

  table.tile_info span.right {

    margin-right: 7px;

    float: left;

  }

}



.center-margin {

  margin: 0 auto;

  float: none !important;

}



.col-md-55,

.col-xs-1,

.col-sm-1,

.col-md-1,

.col-lg-1,

.col-xs-2,

.col-sm-2,

.col-md-2,

.col-lg-2,

.col-xs-3,

.col-sm-3,

.col-md-3,

.col-lg-3,

.col-xs-4,

.col-sm-4,

.col-md-4,

.col-lg-4,

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5,

.col-xs-6,

.col-sm-6,

.col-md-6,

.col-lg-6,

.col-xs-7,

.col-sm-7,

.col-md-7,

.col-lg-7,

.col-xs-8,

.col-sm-8,

.col-md-8,

.col-lg-8,

.col-xs-9,

.col-sm-9,

.col-md-9,

.col-lg-9,

.col-xs-10,

.col-sm-10,

.col-md-10,

.col-lg-10,

.col-xs-11,

.col-sm-11,

.col-md-11,

.col-lg-11,

.col-xs-12,

.col-sm-12,

.col-md-12,

.col-lg-12 {

  position: relative;

  min-height: 1px;

  float: left;

  padding-right: 10px;

  padding-left: 10px;

}



.row {

  margin-right: -10px;

  margin-left: -10px;

}



.grid_slider .col-md-6 {

  padding: 0 40px;

}



h1,

.h1,

h2,

.h2,

h3,

.h3 {

  margin-top: 8px;

  margin-bottom: 8px;

}



a {

  color: #5a738e;

  text-decoration: none;

}



a,

a:visited,

a:focus,

a:active,

:visited,

:focus,

:active,

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

  outline: 0;

}



a:hover,

a:focus {

  text-decoration: none;

}



.navbar {

  margin-bottom: 0;

}



.navbar-header {

  background: #34495e;

}



.navbar-right {

  margin-right: 0;

}



.top_nav .navbar-right {

  margin: 0;

  width: auto;

  float: right;

}



.top_nav .navbar-right li {

  display: inline-block;

  float: right;

  position: static;

}



@media (min-width: 480px) {

  .top_nav .navbar-right li {

    position: relative;

  }

}



.top_nav .dropdown-menu li {

  width: 100%;

}



.top_nav .dropdown-menu li a {

  width: 100%;

  padding: 12px 20px;

}



.top_nav li a i {

  font-size: 15px;

}



.navbar-static-top {

  position: fixed;

  top: 0;

  width: 100%;

}



.sidebar-header {

  border-bottom: 0;

  margin-top: 46px;

}



.sidebar-header:first-of-type {

  margin-top: 0;

}



.nav.side-menu > li {

  position: relative;

  display: block;

  cursor: pointer;

}



.nav.side-menu > li > a {

  margin-bottom: 0px;

}



.nav.side-menu > li > a:hover {

  color: #f2f5f7 !important;

}



.nav.side-menu > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  /* background: transparent; */
  background: #03A9F4;

}



.nav.child_menu {

  display: none;

}



.nav.child_menu li:hover,

.nav.child_menu li.active {

  background-color: rgba(255, 255, 255, 0.06);

}



.nav.child_menu li {

  padding-left: 36px;

}



.nav-md ul.nav.child_menu li:before {

  background: #425668;

  bottom: auto;

  content: "";

  height: 8px;

  left: 23px;

  margin-top: 10px;

  position: absolute;

  right: auto;

  width: 8px;

  z-index: 1;

  border-radius: 50%;

}



.nav-md ul.nav.child_menu li:after {

  border-left: 1px solid #425668;

  bottom: 0;

  content: "";

  left: 27px;

  position: absolute;

  top: 0;

}



.nav-md ul.nav.child_menu li:last-child::after {

  bottom: 50%;

}



.nav.side-menu > li > a,

.nav.child_menu > li > a {

  color: #e7e7e7;

  font-weight: 500;

}



.nav.child_menu li li:hover,

.nav.child_menu li li.active {

  background: none;

}



.nav.child_menu li li a:hover,

.nav.child_menu li li a.active {

  color: #fff;

}



.nav > li > a {

  position: relative;

  display: block;

  padding: 5px 10px 5px;

}



.nav.side-menu > li.current-page,

.nav.side-menu > li.active {

  border-right: 5px solid #1abb9c;

}



.nav li.current-page {

  background: rgba(255, 255, 255, 0.05);

}



.nav li li li.current-page {

  background: none;

}



.nav li li.current-page a {

  color: #fff;

}



.nav.side-menu > li.active > a {

  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;

  background: linear-gradient(#334556, #2c4257), #2a3f54;

  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0,

    inset rgba(255, 255, 255, 0.16) 0 1px 0;

}



.navbar-brand,

.navbar-nav > li > a {

  font-weight: 500;

  color: #ecf0f1 !important;

  margin-left: 0 !important;

  line-height: 32px;

}



.site_title {

  text-overflow: ellipsis;

  overflow: hidden;

  font-weight: 400;

  font-size: 30px;

  width: 100%;

  color: #ecf0f1 !important;

  margin-left: 0 !important;

  line-height: 59px;

  display: block;

  height: 55px;

  margin: 0;

  padding-left: 10px;

}



.site_title:hover,

.site_title:focus {

  text-decoration: none;

}



.nav.navbar-nav > li > a {

  color: #515356 !important;

}



.nav.top_menu > li > a {

  position: relative;

  display: block;

  padding: 10px 15px;

  color: #34495e !important;

}



.nav > li > a:hover,

.nav > li > a:focus {

  background-color: transparent;

}



.toggle {

  float: left;

  margin: 0;

  padding-top: 10px;

  width: 70px;

}



.toggle a {

  padding: 15px 15px 0;

  margin: 0;

  cursor: pointer;

}



.toggle a i {

  font-size: 26px;

}



.nav.child_menu > li > a {

  color: rgba(255, 255, 255, 0.75);

  font-size: 12px;

  padding: 6px;

}



.panel_toolbox {

  float: right;

  min-width: 70px;

}



.panel_toolbox > li {

  float: left;

  cursor: pointer;

}



.panel_toolbox > li > a {

  padding: 5px;

  color: #c5c7cb;

  font-size: 14px;

}



.panel_toolbox > li > a:hover {

  background: #f5f7fa;

}



.line_30 {

  line-height: 30px;

}



.main_menu_side {

  padding: 0;

}



.bs-docs-sidebar .nav > li > a {

  display: block;

  padding: 4px 6px;

}



footer {

  padding: 15px 20px;

  display: block;

}



.nav-sm footer {

  margin-left: 70px;

}



.footer_fixed footer {

  position: fixed;

  left: 0px;

  bottom: 0px;

  width: 100%;

}



@media (min-width: 768px) {

  .footer_fixed footer {

    margin-left: 0;

  }

}



@media (min-width: 768px) {

  .footer_fixed .nav-sm footer {

    margin-left: 0;

  }

}



.tile-stats.sparkline {

  padding: 10px;

  text-align: center;

}



.jqstooltip {

  background: #34495e !important;

  width: 30px !important;

  height: 22px !important;

  text-decoration: none;

}



.tooltip {

  display: block !important;

}



.tiles {

  border-top: 1px solid #ccc;

  margin-top: 15px;

  padding-top: 5px;

  margin-bottom: 0;

}



.tile {

  overflow: hidden;

}



.top_tiles {

  margin-bottom: 0;

}



.top_tiles .tile h2 {

  font-size: 30px;

  line-height: 30px;

  margin: 3px 0 7px;

  font-weight: bold;

}



article.media {

  width: 100%;

}



*,

*:before,

*:after {

  box-sizing: border-box;

}



h2 {

  font-size: 30px;

  font-weight: 400;

}



#left,

#right {

  display: table;

}



#sup {

  display: table-cell;

  vertical-align: middle;

  width: 80%;

}



.detail a {

  text-decoration: none;

  color: #c0392b;

  border: 1px solid #c0392b;

  padding: 6px 10px 5px;

  font-size: 13px;

  margin-right: 7px;

}



.detail {

  margin: 10px 0 10px 0px;

  display: none;

  line-height: 22px;

  height: 150px;

}



.detail span {

  margin: 0;

}



.right-arrow {

  width: 10px;

  float: right;

  font-weight: bold;

  font-size: 20px;

}



.x_panel {

  position: relative;

  width: 100%;

  margin-bottom: 10px;

  padding: 5px 17px;

  display: inline-block;

  background: #fff;

  border: 1px solid #e6e9ed;

  -webkit-column-break-inside: avoid;

  -moz-column-break-inside: avoid;

  column-break-inside: avoid;

  opacity: 1;

  transition: all 0.2s ease;

}



.x_title {

  border-bottom: 2px solid #e6e9ed;

  padding: 1px 5px 6px;

  margin-bottom: 10px;

}



.x_title .filter {

  width: 40%;

  float: right;

}



.x_title h2 {

  margin: 5px 0 6px;

  float: left;

  display: block;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}



.x_title h2 small {

  margin-left: 10px;

}



.x_title span {

  color: #bdbdbd;

}



.x_content {

  position: relative;

  width: 100%;

  float: left;

  clear: both;

}



.x_content h4 {

  font-size: 16px;

  font-weight: 500;

}



legend {

  padding-bottom: 7px;

}



.demo-placeholder {

  height: 280px;

}



/*

.profile_details:nth-child(3n) {

    clear: both

}*/



.profile_details .profile_view {

  display: inline-block;

  padding: 10px 0 0;

  background: #fff;

}



.profile_details .profile_view .divider {

  border-top: 1px solid #e5e5e5;

  padding-top: 5px;

  margin-top: 5px;

}



.profile_details .profile_view .ratings {

  margin-bottom: 0;

}



.profile_details .profile_view .bottom {

  background: #f2f5f7;

  padding: 5px 0 0 0px;

  border-top: 1px solid #e6e9ed;

}



/*

.profile_details .profile_view .left {

    margin-top: 20px

}*/



.profile_details .profile_view .left p {

  margin-bottom: 3px;

}



.profile_details .profile_view .right {

  margin-top: 0px;

  padding: 0px 0 0 8px;

}



.profile_details .profile_view h3 {

  font-size: 18px;

}



.profile_details .profile_view hr {

  margin: 5px;

}



.profile_details .profile_view .fa {

  color: #0189ff;

}



.profile_details .profile_view .img-circle {

  border: 1px solid #e6e9ed;

  padding: 2px;

}



.profile_details .profile_view h2 {

  margin: 5px 0;

}



.profile_details .profile_view .ratings {

  text-align: left;

  font-size: 16px;

}



.profile_details .profile_view .brief {

  margin: 0;

  font-weight: 300;

}



.profile_details .profile_left {

  background: white;

}



.pagination.pagination-split li {

  display: inline-block;

  margin-right: 3px;

}



.pagination.pagination-split li a {

  border-radius: 4px;

  color: #768399;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



table.tile h3,

table.tile h4,

table.tile span {

  font-weight: bold;

  vertical-align: middle !important;

}



table.tile th,

table.tile td {

  text-align: center;

}



table.tile th {

  border-bottom: 1px solid #e6ecee;

}



table.tile td {

  padding: 5px 0;

}



table.tile td ul {

  text-align: left;

  padding-left: 0;

}



table.tile td ul li {

  list-style: none;

  width: 100%;

}



table.tile td ul li a {

  width: 100%;

}



table.tile td ul li a big {

  right: 0;

  float: right;

  margin-right: 13px;

}



table.tile_info {

  width: 100%;

}



table.tile_info td {

  text-align: left;

  padding: 1px;

  font-size: 15px;

}



table.tile_info td p {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin: 0;

  line-height: 28px;

}



table.tile_info td i {

  margin-right: 8px;

  font-size: 17px;

  float: left;

  width: 18px;

  line-height: 28px;

}



table.tile_info td:first-child {

  width: 83%;

}



td span {

  line-height: 28px;

}



.sidebar-widget {

  overflow: hidden;

}



.error-number {

  font-size: 90px;

  line-height: 90px;

  margin: 20px 0;

}



.col-middle {

  margin-top: 5%;

}



.mid_center {

  width: 370px;

  margin: 0 auto;

  text-align: center;

  padding: 10px 20px;

}



.dataTables_paginate a {

  padding: 6px 9px !important;

  background: #ddd !important;

  border-color: #ddd !important;

}



.paging_full_numbers a.paginate_active {

  background-color: rgba(38, 185, 154, 0.59) !important;

  border-color: rgba(38, 185, 154, 0.59) !important;

}



button.DTTT_button,

div.DTTT_button,

a.DTTT_button {

  border: 1px solid #e7e7e7 !important;

  background: #e7e7e7 !important;

  box-shadow: none !important;

}



table.jambo_table {

  border: 1px solid rgba(221, 221, 221, 0.78);

}



table.jambo_table thead {

  background: rgba(52, 73, 94, 0.94);

  color: #ecf0f1;

}



table.jambo_table tbody tr:hover td {

  background: rgba(38, 185, 154, 0.07);

  border-top: 1px solid rgba(38, 185, 154, 0.11);

  border-bottom: 1px solid rgba(38, 185, 154, 0.11);

}



table.jambo_table tbody tr.selected {

  background: rgba(38, 185, 154, 0.16);

}



table.jambo_table tbody tr.selected td {

  border-top: 1px solid rgba(38, 185, 154, 0.4);

  border-bottom: 1px solid rgba(38, 185, 154, 0.4);

}



.dataTables_paginate a {

  background: #ff0000;

}



.dataTables_wrapper {

  position: relative;

  clear: both;

  zoom: 1;

}



.dataTables_processing {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 250px;

  height: 30px;

  margin-left: -125px;

  margin-top: -15px;

  padding: 14px 0 2px 0;

  border: 1px solid #ddd;

  text-align: center;

  color: #999;

  font-size: 14px;

  background-color: white;

}



.dataTables_length {

  width: 40%;

  float: left;

}



.dataTables_filter {

  width: 50%;

  float: right;

  text-align: right;

}



.dataTables_info {

  width: 60%;

  float: left;

}



.dataTables_paginate {

  float: right;

  text-align: right;

}



table.dataTable th.focus,

table.dataTable td.focus {

  outline: 2px solid #1abb9c !important;

  outline-offset: -1px;

}



table.display {

  margin: 0 auto;

  clear: both;

  width: 100%;

}



table.display thead th {

  padding: 8px 18px 8px 10px;

  border-bottom: 1px solid black;

  font-weight: bold;

  cursor: pointer;

}



table.display tfoot th {

  padding: 3px 18px 3px 10px;

  border-top: 1px solid black;

  font-weight: bold;

}



table.display tr.heading2 td {

  border-bottom: 1px solid #aaa;

}



table.display td {

  padding: 3px 10px;

}



table.display td.center {

  text-align: center;

}



table.display thead th:active,

table.display thead td:active {

  outline: none;

}



.dataTables_scroll {

  clear: both;

}



.dataTables_scrollBody {

  *margin-top: -1px;

  -webkit-overflow-scrolling: touch;

}



.top .dataTables_info {

  float: none;

}



.clear {

  clear: both;

}



.dataTables_empty {

  text-align: center;

}



tfoot input {

  margin: 0.5em 0;

  width: 100%;

  color: #444;

}



tfoot input.search_init {

  color: #999;

}



td.group {

  background-color: #d1cfd0;

  border-bottom: 2px solid #a19b9e;

  border-top: 2px solid #a19b9e;

}



td.details {

  background-color: #d1cfd0;

  border: 2px solid #a19b9e;

}



.example_alt_pagination div.dataTables_info {

  width: 40%;

}



.paging_full_numbers {

  width: 400px;

  height: 22px;

  line-height: 22px;

}



.paging_full_numbers a:active {

  outline: none;

}



.paging_full_numbers a:hover {

  text-decoration: none;

}



.paging_full_numbers a.paginate_button,

.paging_full_numbers a.paginate_active {

  border: 1px solid #aaa;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  padding: 2px 5px;

  margin: 0 3px;

  cursor: pointer;

}



.paging_full_numbers a.paginate_button {

  background-color: #ddd;

}



.paging_full_numbers a.paginate_button:hover {

  background-color: #ccc;

  text-decoration: none !important;

}



.paging_full_numbers a.paginate_active {

  background-color: #99b3ff;

}



table.display tr.even.row_selected td {

  background-color: #b0bed9;

}



table.display tr.odd.row_selected td {

  background-color: #9fafd1;

}



div.box {

  padding: 10px;

}



ul.msg_list li {

  background: #f7f7f7;

  padding: 5px;

  display: -ms-flexbox;

  display: flex;

  margin: 6px 6px 0;

  width: 96% !important;

}



ul.msg_list li:last-child {

  margin-bottom: 6px;

  padding: 10px;

}



ul.msg_list li a {

  padding: 3px 5px !important;

}



ul.msg_list li a .image img {

  border-radius: 2px 2px 2px 2px;

  -webkit-border-radius: 2px 2px 2px 2px;

  float: left;

  margin-right: 10px;

  width: 11%;

}



ul.msg_list li a .time {

  font-size: 11px;

  font-style: italic;

  font-weight: bold;

  float: right;

  right: 35px;

}



ul.msg_list li a .message {

  display: block !important;

  font-size: 11px;

}



.dropdown-menu.msg_list span {

  white-space: normal;

}



.dropdown-menu {

  border: medium none;

  box-shadow: none;

  display: none;

  float: left;

  font-size: 12px;

  left: 0;

  list-style: none outside none;

  padding: 0;

  position: absolute;

  text-shadow: none;

  top: 100%;

  z-index: 9998;

  border: 1px solid #d9dee4;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.dropdown-menu > li > a {

  color: #5a738e;

}



.navbar-nav .open .dropdown-menu {

  position: absolute;

  background: #fff;

  margin-top: 0;

  border: 1px solid #d9dee4;

  -webkit-box-shadow: none;

  right: 0;

  left: auto;

  width: 220px;

}



.navbar-nav .open .dropdown-menu.msg_list {

  width: 300px;

}



.info-number .badge {

  font-size: 10px;

  font-weight: normal;

  line-height: 13px;

  padding: 2px 6px;

  position: absolute;

  right: 2px;

  top: 8px;

}



span.right {

  float: right;

  font-size: 14px !important;

}



.tile_info a {

  text-overflow: ellipsis;

}



.sidebar-footer {

  bottom: 0px;

  clear: both;

  display: block;

  padding: 5px 0 0 0;

  position: fixed;

  width: 230px;

  background: #2a3f54;

  z-index: 999;

}



.sidebar-footer a {

  padding: 7px 0 3px;

  text-align: center;

  width: 25%;

  font-size: 17px;

  display: block;

  float: left;

  background: #172d44;

  cursor: pointer;

}



.sidebar-footer a:hover {

  background: #425567;

}



.tile_count {

  margin-bottom: 20px;

  margin-top: 20px;

}



.tile_count .tile_stats_count {

  padding: 0 10px 0 20px;

  text-align: center;

}



@media (min-width: 992px) {

  footer {

    margin-left: 230px;

  }

}



@media (min-width: 992px) {

  .tile_count .tile_stats_count {

    border-bottom: 0;

    padding-bottom: 10px;

  }

}



.tile_count .tile_stats_count:before {

  content: "";

  position: absolute;

  left: 0;

  height: 65px;

  margin-top: 10px;

}



@media (min-width: 992px) {

  .tile_count .tile_stats_count:first-child:before {

    border-left: 0;

  }

}



.tile_count .tile_stats_count .count {

  font-size: 16px;

  line-height: 47px;

  font-weight: 600;

}



@media (min-width: 992px) and (max-width: 1100px) {

  .tile_count .tile_stats_count .count {

    font-size: 15px;

  }

}



.tile_count .tile_stats_count span {

  font-size: 12px;

}



@media (min-width: 768px) {

  .tile_count .tile_stats_count span {

    font-size: 13px;

  }

}



.tile_count .tile_stats_count .count_bottom i {

  width: 12px;

}



.dashboard_graph {

  background: #fff;

  padding: 7px 10px;

}



.dashboard_graph .col-md-9,

.dashboard_graph .col-md-3 {

  padding: 0;

}



a.user-profile {

  color: #5e6974 !important;

}



.user-profile img {

  width: 29px;

  height: 29px;

  border-radius: 50%;

  margin-right: 10px;

}



ul.top_profiles {

  height: 330px;

  width: 100%;

}



ul.top_profiles li {

  margin: 0;

  padding: 3px 5px;

}



ul.top_profiles li:nth-child(odd) {

  background-color: #eee;

}



.media .profile_thumb {

  border: 1px solid;

  width: 50px;

  height: 50px;

  margin: 5px 10px 5px 0;

  border-radius: 50%;

  padding: 9px 12px;

}



.media .profile_thumb i {

  font-size: 30px;

}



.media .date {

  background: #ccc;

  width: 52px;

  margin-right: 10px;

  border-radius: 10px;

  padding: 5px;

}



.media .date .month {

  margin: 0;

  text-align: center;

  color: #fff;

}



.media .date .day {

  text-align: center;

  color: #fff;

  font-size: 27px;

  margin: 0;

  line-height: 27px;

  font-weight: bold;

}



.event .media-body a.title {

  font-weight: bold;

}



.event .media-body p {

  margin-bottom: 0;

}



h4.graph_title {

  margin: 7px;

  text-align: center;

}



.fontawesome-icon-list .fa-hover a:hover {

  background-color: #ddd;

  color: #fff;

  text-decoration: none;

}



.fontawesome-icon-list .fa-hover a {

  display: block;

  line-height: 32px;

  height: 32px;

  padding-left: 10px;

  border-radius: 4px;

}



.fontawesome-icon-list .fa-hover a:hover .fa {

  font-size: 28px;

  vertical-align: -6px;

}



.fontawesome-icon-list .fa-hover a .fa {

  width: 32px;

  font-size: 16px;

  display: inline-block;

  text-align: right;

  margin-right: 10px;

}



.main_menu .fa {

  width: 26px;

  opacity: 0.99;

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  font-size: 18px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.tile-stats {

  position: relative;

  display: block;

  margin-bottom: 12px;

  border: 1px solid #e4e4e4;

  -webkit-border-radius: 5px;

  overflow: hidden;

  padding-bottom: 5px;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 5px;

  -moz-background-clip: padding;

  border-radius: 5px;

  background-clip: padding-box;

  background: #fff;

  transition: all 300ms ease-in-out;

}



.tile-stats:hover .icon i {

  animation-name: transformAnimation;

  animation-duration: 0.5s;

  animation-iteration-count: 1;

  color: rgba(58, 58, 58, 0.41);

  animation-timing-function: ease;

  animation-fill-mode: forwards;

  -webkit-animation-name: transformAnimation;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-timing-function: ease;

  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: transformAnimation;

  -moz-animation-duration: 0.5s;

  -moz-animation-iteration-count: 1;

  -moz-animation-timing-function: ease;

  -moz-animation-fill-mode: forwards;

}



.tile-stats .icon {

  width: 20px;

  height: 20px;

  color: #bab8b8;

  position: absolute;

  right: 53px;

  top: 22px;

  z-index: 1;

}



.tile-stats .icon i {

  margin: 0;

  font-size: 60px;

  line-height: 0;

  vertical-align: bottom;

  padding: 0;

}



.tile-stats .count {

  font-size: 38px;

  font-weight: bold;

  line-height: 1.65857;

}



.tile-stats .count,

.tile-stats h3,

.tile-stats p {

  position: relative;

  margin: 0;

  margin-left: 10px;

  z-index: 5;

  padding: 0;

}



.tile-stats h3 {

  color: #bab8b8;

}



.tile-stats p {

  margin-top: 5px;

  font-size: 12px;

}



.tile-stats > .dash-box-footer {

  position: relative;

  text-align: center;

  margin-top: 5px;

  padding: 3px 0;

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

  display: block;

  z-index: 10;

  background: rgba(0, 0, 0, 0.1);

  text-decoration: none;

}



.tile-stats > .dash-box-footer:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0.15);

}



.tile-stats > .dash-box-footer:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0.15);

}



table.tile_info {

  padding: 10px 15px;

}



table.tile_info span.right {

  margin-right: 0;

  float: right;

  position: absolute;

  right: 4%;

}



.tile:hover {

  text-decoration: none;

}



.tile_header {

  border-bottom: transparent;

  padding: 7px 15px;

  margin-bottom: 15px;

  background: #e7e7e7;

}



.tile_head h4 {

  margin-top: 0;

  margin-bottom: 5px;

}



.tiles-bottom {

  padding: 5px 10px;

  margin-top: 10px;

  background: rgba(194, 194, 194, 0.3);

  text-align: left;

}



a.star {

  color: #428bca !important;

}



.mail_content {

  background: none repeat scroll 0 0 #ffffff;

  border-radius: 4px;

  margin-top: 20px;

  min-height: 500px;

  padding: 10px 11px;

  width: 100%;

}



.list-btn-mail {

  margin-bottom: 15px;

}



.list-btn-mail.active {

  border-bottom: 1px solid #39b3d7;

  padding: 0 0 14px;

}



.list-btn-mail > i {

  float: left;

  font-size: 18px;

  font-style: normal;

  width: 33px;

}



.list-btn-mail > .cn {

  background: none repeat scroll 0 0 #39b3d7;

  border-radius: 12px;

  color: #ffffff;

  float: right;

  font-style: normal;

  padding: 0 5px;

}



.button-mail {

  margin: 0 0 15px !important;

  text-align: left;

  width: 100%;

}



button,

.buttons,

.btn,

.modal-footer .btn + .btn {

  margin-bottom: 5px;

  margin-right: 5px;

}



.btn-group-vertical .btn,

.btn-group .btn {

  margin-bottom: 0;

  margin-right: 0;

}



.mail_list_column {

  border-left: 1px solid #dbdbdb;

}



.mail_view {

  border-left: 1px solid #dbdbdb;

}



.mail_list {

  width: 100%;

  border-bottom: 1px solid #dbdbdb;

  margin-bottom: 2px;

  display: inline-block;

}



.mail_list .left {

  width: 5%;

  float: left;

  margin-right: 3%;

}



.mail_list .right {

  width: 90%;

  float: left;

}



.mail_list h3 {

  font-size: 15px;

  font-weight: bold;

  margin: 0px 0 6px;

}



.mail_list h3 small {

  float: right;

  color: #adabab;

  font-size: 11px;

  line-height: 20px;

}



.mail_list .badge {

  padding: 3px 6px;

  font-size: 8px;

  background: #bab7b7;

}



@media (max-width: 767px) {

  .mail_list {

    margin-bottom: 5px;

    display: inline-block;

  }

  .fn_header_global {

    display: none;

  }

}



.mail_heading h4 {

  font-size: 18px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  margin-top: 20px;

}



.attachment {

  margin-top: 30px;

}



.attachment ul {

  width: 100%;

  list-style: none;

  padding-left: 0;

  display: inline-block;

  margin-bottom: 30px;

}



.attachment ul li {

  float: left;

  width: 150px;

  margin-right: 10px;

  margin-bottom: 10px;

}



.attachment ul li img {

  height: 150px;

  border: 1px solid #ddd;

  padding: 5px;

  margin-bottom: 10px;

}



.attachment ul li span {

  float: right;

}



.attachment .file-name {

  float: left;

}



.attachment .links {

  width: 100%;

  display: inline-block;

}



.compose {

  padding: 0;

  position: fixed;

  bottom: 0;

  right: 0;

  background: #fff;

  border: 1px solid #d9dee4;

  border-right: 0;

  border-bottom: 0;

  border-top-left-radius: 5px;

  z-index: 9999;

  display: none;

}



.compose .compose-header {

  padding: 5px;

  background: #169f85;

  color: #fff;

  border-top-left-radius: 5px;

}



.compose .compose-header .close {

  text-shadow: 0 1px 0 #ffffff;

  line-height: 0.8;

}



.compose .compose-body .editor.btn-toolbar {

  margin: 0;

}



.compose .compose-body .editor-wrapper {

  height: 100%;

  min-height: 50px;

  max-height: 180px;

  border-radius: 0;

  border-left: none;

  border-right: none;

  overflow: auto;

}



.compose .compose-footer {

  padding: 10px;

}



.editor.btn-toolbar {

  zoom: 1;

  background: #f7f7f7;

  margin: 5px 2px;

  padding: 3px 0;

  border: 1px solid #efefef;

}



.input-group {

  margin-bottom: 10px;

}



.ln_solid {

  border-top: 1px solid #e5e5e5;

  color: #ffffff;

  background-color: #ffffff;

  height: 1px;

  margin: 20px 0;

}



span.section {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: 20px;

  font-size: 21px;

  line-height: inherit;

  color: #333;

  border: 0;

  border-bottom: 1px solid #e5e5e5;

}



.form-control {

  border-radius: 0;

  width: 100%;

}



.form-horizontal .control-label {

  padding-top: 8px;

  font-size: 12px;

}



.form-control:focus {

  border-color: #ccd0d7;

  box-shadow: none !important;

}



legend {

  font-size: 18px;

  color: inherit;

}



.form-horizontal .form-group {

  margin-right: 0;

  margin-left: 0;

}



.form-control-feedback {

  margin-top: 4px;

  height: 23px;

  color: #bbb;

  line-height: 24px;

  font-size: 15px;

}



.form-control-feedback.left {

  border-right: 1px solid #ccc;

  left: 13px;

}



.form-control-feedback.right {

  border-left: 1px solid #ccc;

  right: 13px;

}



.form-control.has-feedback-left {

  padding-left: 45px;

  border: 0.5px solid #ff758c;

}



.form-control.has-feedback-right {

  padding-right: 45px;

}



.form-group {

  margin-bottom: 5px;

}



.btn {

  border-radius: 3px;

}



a.btn-success,

a.btn-primary,

a.btn-warning,

a.btn-danger {

  color: #fff;

}



.btn-success {

  background: #26b99a;

  border: 1px solid #169f85;

}



.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.open .dropdown-toggle.btn-success {

  background: #169f85;

}



.btn-dark {

  color: #e9edef;

  background-color: #4b5f71;

  border-color: #364b5f;

}



.btn-dark:hover,

.btn-dark:focus,

.btn-dark:active,

.btn-dark.active,

.open .dropdown-toggle.btn-dark {

  color: #ffffff;

  background-color: #394d5f;

  border-color: #394d5f;

}



.btn-round {

  border-radius: 30px;

}



.btn.btn-app {

  position: relative;

  padding: 15px 5px;

  margin: 0 0 10px 10px;

  min-width: 80px;

  height: 60px;

  box-shadow: none;

  border-radius: 0;

  text-align: center;

  color: #666;

  border: 1px solid #ddd;

  background-color: #fafafa;

  font-size: 12px;

}



.btn.btn-app > .fa,

.btn.btn-app > .glyphicon,

.btn.btn-app > .ion {

  font-size: 20px;

  display: block;

}



.btn.btn-app:hover {

  background: #f4f4f4;

  color: #444;

  border-color: #aaa;

}



.btn.btn-app:active,

.btn.btn-app:focus {

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.btn.btn-app > .badge {

  position: absolute;

  top: -3px;

  right: -10px;

  font-size: 10px;

  font-weight: 400;

}



textarea {

  padding: 10px;

  vertical-align: top;

  width: 200px;

}



textarea:focus {

  outline-style: solid;

  outline-width: 2px;

}



.thumb img {

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.divider {

  border-bottom: 1px solid #ddd;

  margin: 10px;

}



.divider-dashed {

  border-top: 1px dashed #e7eaec;

  background-color: #ffffff;

  height: 1px;

  margin: 10px 0;

}



.avatar img {

  border-radius: 50%;

  max-width: 45px;

}



.thumbnail .image {

  height: 120px;

  overflow: hidden;

}



.caption {

  padding: 9px 5px;

  background: #f7f7f7;

}



.caption p {

  margin-bottom: 5px;

}



.thumbnail {

  height: 190px;

  overflow: hidden;

}



.view {

  overflow: hidden;

  position: relative;

  text-align: center;

  box-shadow: 1px 1px 2px #e6e6e6;

  cursor: default;

}



.view .mask,

.view .content {

  position: absolute;

  width: 100%;

  overflow: hidden;

  top: 0;

  left: 0;

}



.view img {

  display: block;

  position: relative;

}



.view .tools {

  text-transform: uppercase;

  color: #fff;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 3px;

  background: rgba(0, 0, 0, 0.35);

  margin: 43px 0 0 0;

}



.mask.no-caption .tools {

  margin: 90px 0 0 0;

}



.view .tools a {

  display: inline-block;

  color: #fff;

  font-size: 18px;

  font-weight: 400;

  padding: 0 4px;

}



.view p {

  font-family: Georgia, serif;

  font-style: italic;

  font-size: 12px;

  position: relative;

  color: #fff;

  padding: 10px 20px 20px;

  text-align: center;

}



.view a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  background: #000;

  color: #fff;

  text-transform: uppercase;

  box-shadow: 0 0 1px #000;

}



.view-first img {

  transition: all 0.2s linear;

}



.view-first .mask {

  opacity: 0;

  background-color: rgba(0, 0, 0, 0.5);

  transition: all 0.4s ease-in-out;

}



.view-first .tools {

  transform: translateY(-100px);

  opacity: 0;

  transition: all 0.2s ease-in-out;

}



.view-first p {

  transform: translateY(100px);

  opacity: 0;

  transition: all 0.2s linear;

}



.view-first:hover img {

  transform: scale(1.1);

}



.view-first:hover .mask {

  opacity: 1;

}



.view-first:hover .tools,

.view-first:hover p {

  opacity: 1;

  transform: translateY(0px);

}



.view-first:hover p {

  transition-delay: 0.1s;

}



.form-group.has-feedback span {

  display: block !important;

}



.form-group .btn {

  margin-bottom: -6px;

}



.input-group-btn .btn {

  margin-bottom: 0;

}



.left {

  float: left;

}



.alignleft {

  float: left;

  margin-right: 15px;

}



.alignright {

  float: right;

  margin-left: 15px;

}



.clearfix:after,

form:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



/* Login Form Start */



.logo {

  padding: 10px;

  max-width: 110px;

}



.separator {

  margin-top: 10px;

  padding-top: 10px;

}



.button a:hover {

  background-position: 0 -135px;

  color: #00aeef;

}



header {

  width: 100%;

}



.dropdown-menu a {

  cursor: pointer;

}



.alert-success {

  color: #ffffff;

  background-color: rgba(38, 185, 154, 0.88);

  border-color: rgba(38, 185, 154, 0.88);

}



.alert-info {

  color: #e9edef;

  background-color: rgba(52, 152, 219, 0.88);

  border-color: rgba(52, 152, 219, 0.88);

}



.alert-warning {

  color: #e9edef;

  background-color: rgba(243, 156, 18, 0.88);

  border-color: rgba(243, 156, 18, 0.88);

}



.alert-danger,

.alert-error {

  color: #e9edef;

  background-color: rgba(231, 76, 60, 0.88);

  border-color: rgba(231, 76, 60, 0.88);

}



.ui-pnotify.dark .ui-pnotify-container {

  color: #e9edef;

  background-color: rgba(52, 73, 94, 0.88);

  border-color: rgba(52, 73, 94, 0.88);

}



.custom-notifications {

  position: fixed;

  margin: 15px;

  right: 0;

  float: right;

  width: 400px;

  z-index: 4000;

  bottom: 0;

}



ul.notifications {

  float: right;

  display: block;

  margin-bottom: 7px;

  padding: 0;

  width: 100%;

}



.notifications li {

  float: right;

  margin: 3px;

  width: 36px;

  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);

}



.notifications li:last-child {

  margin-left: 0;

}



.notifications a {

  display: block;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  padding: 9px 8px;

}



.tabbed_notifications .text {

  padding: 5px 15px;

  height: 140px;

  border-radius: 7px;

  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);

}



.tabbed_notifications div p {

  display: inline-block;

}



.tabbed_notifications h2 {

  font-weight: bold;

  text-transform: uppercase;

  width: 80%;

  float: left;

  height: 20px;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}



.tabbed_notifications .close {

  padding: 5px;

  color: #e9edef;

  float: right;

  opacity: 1;

}



.fc-state-default {

  background: #f5f5f5;

  color: #73879c;

}



.fc-state-down,

.fc-state-active {

  color: #333;

  background: #ccc;

}



.dropzone {

  min-height: 300px;

  border: 1px solid #e5e5e5;

}



.main_menu .label {

  line-height: 11px;

  margin-top: 4px;

}



input[type="text"].error,

input[type="file"].error,

input[type="email"].error,

input[type="number"].error,

input[type="password"].error,

select.error,

textarea.error {

  border: 0.5px solid red;

}



label.error {

  color: red;

  font-size: 13px;

  font-weight: normal;

}



@media (max-width: 460px) {

  .dataTables_wrapper .col-sm-6 {

    width: 100%;

    margin-bottom: 5px;

  }

  .dataTables_wrapper .col-sm-6 .dataTables_filter {

    float: none;

  }

}



@media (max-width: 767px) {

  .dataTables_length {

    float: none;

  }

  .dt-buttons {

    display: none;

  }

}



.daterangepicker.xdisplay {

  width: 228px;

}



.dataTables_wrapper > .row {

  overflow: auto !important;

}



.table-bordered > thead > tr > td,

.table-bordered > thead > tr > th {

  border-bottom-width: 0px;

  background-color: #f5f5f5 !important;
  text-align: center;

}



/*MY CSS */



.required {

  color: red;

}



.table > tbody > tr > td {

  padding: 4px;

}



.stats-count-inner {

  background: #e8e8e8;

  padding: 5px;

  border-radius: 10px;

  margin-bottom: 5px;

}



.sub-tabs {

  background: #d6d6d6;

  padding-top: 3px;

}



.sub-tabs > li > a {

  border: 0;

}



.layout-box {

  background: #f0f3f5 !important;

  text-align: center;

  border-radius: 10px;

  margin-bottom: 20px;

  padding: 10px;

}



.layout-box img_ {

  background: #337ab7;

  padding: 3px;

  border-radius: 5px;

}



.lang-label {

  background: lightgray;

  padding: 5px;

  word-wrap: break-word;

  margin-bottom: 5px;

  float: left;

  width: 100%;

}



.head-title {

  margin-top: 2px;

  margin-bottom: -20px;

  float: left;

}



.head-title i.fa {

  font-size: 20px;

}



.small-field {

  width: 80px;

  padding: 2px;

}



.form-control {

  margin-bottom: 3px;

}



input[type="file"] {

  display: block;

  position: absolute;

  position: absolute;

  top: 0;

  right: 0;

  min-width: 100%;

  min-height: 100%;

  font-size: 100px;

  text-align: right;

  opacity: 0;

  filter: alpha(opacity=0);

  outline: none;

  background: white;

  cursor: inherit;

  display: block;

}



.btn.btn-file {

  position: relative;

  overflow: hidden;

}



.theme-box {

  padding: 15px 2px;

  text-align: center;

}



.theme-box img {

  border: 1px solid #efefef;

  width: 100%;

}



.theme-box button {

  width: 100%;

  margin-top: 10px;

}



.school-name {

  font-size: 22px;

  text-align: center;

  padding-top: 5px;

}



/* .profile_img {

  text-align: center;

 

  margin-bottom: 20px;

  background-image: url(../../assets/images/banner-bg.png);

  min-height: 200px;
  background-repeat: no-repeat;
  background-size: 350px;
 

} */



.profile_img img {
  border-radius: 10%;
  margin: 10px;
  height: 100px;
}



.display {

  display: none;

}



.pagination {

  margin: 0;

}



.form-group textarea {

  height: 120px;

}



.form-control {

  border-radius: 3px;

  box-shadow: none;

  border: 1px solid #e0e0e0;

  font-size: 12px;

}



.quick-link {

  font-size: 12px;

  color: #656565;

  margin-bottom: 10px;

}



.quick-link a {

  color: #08c;

}



.quick-link span {

  float: left;

  padding: 0px 10px 0 0;

}



.quick-link select {

  width: auto;

}



.li-class-list {

  float: right !important;

  padding-right: 8px;

}



.li-class-list select {

  border-bottom: 0;

  border-radius: 3px 3px 0px 0px;

  margin-bottom: -3px;

  height: 30px;

}



.nav-tabs > li {

  margin-bottom: -2px;

}



.filter-box {

  background: #f7f7f7;

  border-radius: 10px;

  padding: 10px;

  margin-bottom: 15px;

}



.table > thead > tr > td {

  padding: 3px;

}



.instructions {

  padding: 10px;

  border-radius: 5px;

  color: #404040;

  background-color: #fff1c9;

  margin: 20px;

}



.btn-primary,

.btn-primary:active {

  color: #333 !important;

  background-color: #fff !important;

  border-color: #ccc !important;

}



.btn-primary:hover {

  background-color: #e6e6e6;

  border-color: #adadad;

}



.nav-tabs > li > a:hover {

  border-bottom: 0;

}



.fa-angle-down,

.fa-angle-up {

  color: #171717 !important;

}



.btn-group .btn {

  padding: 6px 5px;

}



.dataTables_wrapper {

  overflow: auto;

}



.text-info {

  color: #31708f;

  padding-top: 8px;

}



/*Message*/



.text-left {

  text-align: left !important;

}



.mail-menu-box {

  border: 1px solid #f3eeee;

  background-color: #ffffff;

  height: auto !important;

}



.mail-menu-box .nav-stacked > li {

  border-bottom: 1px solid #f4f4f4;

}



.mail-menu-box .nav-stacked > li:last-child {

  border-bottom: 0;

}



.mail-menu-box .nav > li:hover,

.mail-menu-box .nav > li:active,

.mail-menu-box .nav > li:focus {

  color: #444;

  background: #f7f7f7;

}



.mail-menu-box .nav > li.nav-active {

  font-weight: bold;

}



.box-header.with-border {

  border-bottom: 1px solid #f3eeee;

}



.box-header {

  padding: 10px;

}



.box-header .box-title {

  font-size: 16px;

}



div.box {

  border: 1px solid #f3eeee;

  background-color: #ffffff;

  height: auto !important;

  float: left;

  width: 100%;

}



.dataTables_filter {

  width: auto;

}



table.jambo_table thead {

  background: #ececec;

  color: #464646;

}



.mailbox-controls {

  padding: 6px;

}



.box-header {

  padding: 2px 10px;

  background: #f1f1f1;

}



.text-yellow {

  color: #f39c12 !important;

}



.nav-stacked > li + li {

  margin-top: 0px;

}



table.fa {

  color: #a7a3a3;

}



.routine-text {

  font-size: 12px;

  padding: 4px 4px;

}



footer {

  color: #fff;

}



/* Certificate Extra CSS*/



.certificate-top {

  position: relative;
  margin-top: 30px;

}



.sub-title-img {

  font-family: "Prosto One", cursive;

  height: 100%;

  padding-top: 20px;

  text-align: center;

}



.name-text {

  font-family: "Michroma", sans-serif;

  font-size: 25px;

  color: #333;

  text-align: center !important;

}



.top-heading-title {

  text-align: center;

  font-family: "Allerta Stencil", sans-serif;

  text-transform: uppercase;

  margin-bottom: 0;

}



.main-text-block {

  /* margin-top: 30px; */
  margin-top: 70px;

}



.main-text {

  font-family: "Great Vibes", cursive;

  font-size: 24px;

  /* line-height: 24px; */
  line-height: 35px;

  letter-spacing: 2px;

}



.main-text span {

  padding: 0px 20px 0px 20px;

  text-decoration: underline;

}



.name-section {

  /* margin-top: 140px; */
  margin-top: 10px;

  text-align: center;

}



.footer-section {

  /* margin-top: 30px; */
  margin-top: 145px;
  margin-bottom: 25px;

}



.footer_text {

  font-family: "Prosto One", cursive;

  font-size: 14px;

  border-top: 1px dashed;

  text-align: center;

  padding-top: 10px;

  margin: 0px 10px 0px 10px;

  width: 30%;

}



/* Certificate Extra CSS END*/



/* Tab start */



.tabs-left,

.tabs-right {

  border-bottom: none;

  padding-top: 2px;

}



.tabs-left {

  border-right: 1px solid #f7f7f7;

}



.tabs-right {

  border-left: 1px solid #f7f7f7;

}



.tabs-left > li,

.tabs-right > li {

  float: none;

  margin-bottom: 2px;

}



.tabs-left > li {

  margin-right: -1px;

}



.tabs-right > li {

  margin-left: -1px;

}



.tabs-left > li.active > a,

.tabs-left > li.active > a:hover,

.tabs-left > li.active > a:focus {

  border-bottom-color: #f7f7f7;

  border-right-color: transparent;

}



.tabs-right > li.active > a,

.tabs-right > li.active > a:hover,

.tabs-right > li.active > a:focus {

  border-bottom: 1px solid #f7f7f7;

  border-left-color: transparent;

}



.tabs-left > li > a {

  border-radius: 4px 0 0 4px;

  margin-right: 0;

  display: block;

  background: #f7f7f7;

  text-overflow: ellipsis;

  overflow: hidden;

}



.tabs-right > li > a {

  border-radius: 0 4px 4px 0;

  margin-right: 0;

  background: #f7f7f7;

  text-overflow: ellipsis;

  overflow: hidden;

}



/* Tab end */



div#preloader {

  background: #000 url("../images/loader.gif") no-repeat scroll center center;

  height: 100%;

  left: 0;

  overflow: visible;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

}



.textarea-4column {

  height: 60px !important;

}



.column-title {

  padding: 10px;

  background: #ecebeb;

}



.quick-field {

  width: 100%;

}



.quick-add {

  float: right;

  display: none;

}



label {

  width: 100%;

}



.profile-pic img {

  border-radius: 50%;

  margin: 10px;

}



.multi-check {

  width: 50%;

  float: left;

}



.help-block {

  width: 100%;

  float: left;

}



.form-control {

  padding: 3px;

}



.signature {

  border-top: 1px solid lightgray;

  line-height: 30px;

}



.nav_menu .school-name,

.top_nav .nav.navbar-nav > li > a {

  color: #fff !important;

}



.modal-title {

  color: #fff;

}



.auto-width {

  width: auto;

  margin-right: 2px;

}



.fa .fa-long-arrow-down,

.fa .fa-long-arrow-right {

  color: #2a3f54 !important;

}



.input-group-addon {

  border: 0.5px solid #ccc;

  border-left: 0;

}



.status-type {

  height: 23px;

  float: right;

}



.header-form-sep {

  text-align: center;

  color: #242b24;

  line-height: 30px;

  font-size: 30px;

}



.logo-identifier {

  background: #eaeaea;

  border: 0.5px solid #dadada;

  padding: 5px;

}

#password_show_hide_icon{
  position: absolute;
  right: 10px;
  border: 1px solid #e0e0e0;
  padding: 7px;
  border-radius: 0px 5px 5px 0px;
  background-color: #ccc;
}


        
.checkboxes {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}


.checkboxes__item {
  padding: 1px 5px 8px 9px;
  width: 50%;
}


/* STYLE E */

.checkbox.style-e {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-e input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark {
  background-color: #1e90ff;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark:after {
  left: 21px;
}
.checkbox.style-e:hover input ~ .checkbox__checkmark {
  background-color: #eee;
}
.checkbox.style-e:hover input:checked ~ .checkbox__checkmark {
  background-color: #1e90ff;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 992px)
and (max-device-width :1480px) {
  .checkbox.style-e .checkbox__checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 30px;
    width: 30px !important;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 15px;
  }
}
.checkbox.style-e .checkbox__checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 30px;
  width: 50px;
  background-color: #eee;
  transition: background-color 0.25s ease;
  border-radius: 15px;
}
.checkbox.style-e .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transition: left 0.25s ease;
}
.checkbox.style-e .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  transition: color 0.25s ease;
}