@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i';

body {
	color: #374767;
	font-family: Open Sans, sans-serif;
	font-size: 14px; 

}
a,a:focus, a:hover{
  outline: none;
  text-decoration: none;
}
.full-wrapper{
    background: url('../images/pexels-photo-210585.jpeg') no-repeat   center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
.header {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.header_top {
    background: #343332;
    color: #fff;
    vertical-align: middle;
    padding: 3px;
}

.header-fixed .app-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
}
.dropdown-menu{
  padding: 0;
}
.main-menu{
  /* background: #fff; */
  z-index: 1000;
  position: relative;
  margin-top: 20px;
  font: 15px Montserrat, sans-serif;
color: #838fa1;
}
.main-menu>li{
  //padding: 8px;
  //border-right: 1px solid #eee;
}
.main-menu li a i.fa{
  font-size: 19px;
}
span.notify-number{
    position: absolute;
    top: 19px;
    left: 36px;
    font-size: 9px;
    border-radius: 50px;
}
.navbar-default{
  border-color: transparent;
}
.navbar{
  border-radius: 0px;
}
.navbar-default .main-menu>li>a{
  padding: 5px 10px;
  font-size: 13px;
  line-height: 16px;
  color: #222;
margin-right: 4px;
}
.navbar-default .main-menu>.open>a, .navbar-default .main-menu>.open>a:focus, .navbar-default .main-menu>.open>a:hover{
      background-color: transparent;
}
.dropdown-menu .divider{
  margin: 0;
}
.dropdown-header,.dropdown-menu>li>a{
  font-size: 13px;
  padding: 9px 20px;
}
.navbar-default .dropdown-menu.notify-drop {
  min-width: 330px;
  background-color: #fff;
  //min-height: 325px;
  max-height: 325px;
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 15px;
}
.navbar-default .dropdown-menu.notify-drop .drop-content {
  //min-height: 280px;
  max-height: 280px;
  overflow-y: scroll;
}
.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track
{
  background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar
{
  width: 8px;
  background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb
{
  background-color: #ccc;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 5px 0px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:after {
  content: "";
  clear: both;
  display: block;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li:hover {
  background-color: #fcfcfc;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li:last-child {
  border-bottom: none;
}

.navbar-default .dropdown-menu.notify-drop .allRead {
  margin-right: 7px;
}
.navbar-default .dropdown-menu.notify-drop .rIcon {
  float: right;
  color: #999;
}
.navbar-default .dropdown-menu.notify-drop .rIcon:hover {
  color: #333;
}
.navbar-default .dropdown-menu.notify-drop .unread .rIcon {
  float: right;
  color: #8BC34A;
}
.navbar-default .dropdown-menu.notify-drop .unread .rIcon:hover {
  color: #7cb342;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li a {
  font-size: 13px;
  font-weight: bold;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li {
  font-weight: bold;
  font-size: 11px;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li hr {
  margin: 5px 0;
  width: 70%;
  border-color: #e2e2e2;
}
.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {
  height: 50px;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p.time, span.time {
  font-size: 10px;
  font-weight: 600;
  top: -6px;
  margin: 8px 0px 0px 0px;
  padding: 0px 3px;
  position: relative;
  border-radius: 2px;
  color: #B97745;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li p.time:hover {
  background-image: linear-gradient(#fff,#fff);
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 8px 15px;
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}
.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
}
.navbar-default .dropdown-menu.notify-drop .drop-content > li.dropdown-header{
  font-size: 13px;
  padding: 9px 20px;
}
.navbar {
    position: relative;
    flex-direction: row;
    height: 60px;
    padding: 0;
    /* background-color: #fff; */
    /* border-bottom: 1px solid #e1e6ef; */
    margin-bottom: 7px;
	font: 15px Montserrat, sans-serif !important;
    //top:28px;
}
.navbar-brand{
	padding: 0;
    margin: 0;
    margin-top: 3px;
    height: 60px;
}
.navbar-brand img{
  height: 100%;
}

/***CAROUSEL***/
#homecarousel.carousel,
#homecarousel .item,
#homecarousel .active {
    height: 100%;
}

#homecarousel .carousel-inner {
    height: 100%;
}
#homecarousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#about{
    margin-top: 10px;
}
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}
#teamcarousel .carousel-control{
    bottom: 77%;
    background: #29a9e1;
    opacity: 1;
    width: 50px;
    height: 50px;
    line-height: 40px;
    font-size: 40px;
    text-shadow:none;
}
#teamcarousel .carousel-control.left{
    left: inherit;
    right: 51px !important;
}
.img_icon {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 5px auto;
}
/***HEADING***/
.title{
    /* padding-right: 25px; */
    margin-bottom: 10px;
}
.title h1, h2{
    
    margin-bottom: 5px;
    margin-top: 5px;
}
/***PANELS***/
.panel{
	padding: 10px;
}
.dashboard .graphs{
  padding: 5px;
  margin-top:10px;
  margin-bottom: 10px;
  background: #eee;
}
.dashboard .panel{
  padding: 0;
  border: none;
    border-radius: 0px;
    background: #ffffff;
    border-top: 3px solid #00c0ef;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.dashboard .panel-info>.panel-heading {
    color: #444;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    font-weight: bold;
}
.panel a.bg-dark{
	color: #fff;
	background: rgba(0,0,0,0.1);
}
.panel-heading, .panel-footer{
	border-radius: 0;
	background: transparent;
	border-color: transparent;
}
.panel .m0{
	font-weight: bold;
}
.panel-primary {
    background: #20a8d8;
    border-radius: 0;
    border-color: transparent;
}
.panel-primary>.panel-heading {
    color: #fff;
    background: transparent;
    border-color: #20a8d8;
}

.panel-warning {
    background: #fabb3d;
    border-radius: 0;
    border-color: transparent;
}
.panel-warning>.panel-heading {
    color: #fff;
    background: transparent;
    border-color: #fabb3d;
}

.panel-danger {
    background: #ff5454;
    border-radius: 0;
    border-color: transparent;
}
.panel-danger>.panel-heading {
    color: #fff;
    background: transparent;
    border-color: #ff5454;
}

.panel-success {
    background: #79c447;
    border-radius: 0;
    border-color: transparent;
}
.panel-success>.panel-heading {
    color: #fff;
    background: transparent;
    border-color: #79c447;
}

/***CARDS***/
.card {
    margin-bottom: 1.5rem;
}
.card {
    position: relative;
    display: initial;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid hsla(0,0%,75%,.45);
}

.card-header {
    padding: 10px 15px;
    margin-bottom: 0;
    font-weight: bold;
}
.card-header h4{
    text-transform: uppercase;
    line-height: 30px;
}
.card-header .navbar-right{
    margin-right: -11px;
}
.chapter-card .navbar-right li a{
  text-align: center;
  font-size: 11px;
}
.card-block {
    flex: 1 1 auto;
    padding: 1.25rem;
    padding-top: 0;
    margin-top: 3px;
}
.card-success .card-header{
	background-color: #6cb73b;
    border-bottom: 1px solid #6cb73b;
    color: #fff;
}
.card-info .card-header{
    border-bottom: 1px solid #e1e6ef;
    background: #f9f9fa;
}
/***PAGINATION***/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #6cb73b;
    border-color: #6cb73b;
}
/***COURSES***/
.course-icons{
    text-align: center;
    font-size: 30px;
}
.enrolled.list-group .list-group-item{
    border-left: 6px solid;
    border-right: 6px solid;
    margin-bottom: 2px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 15px;
}
.enrolled.list-group{
    list-style: none;
}
.course-list-sidebar .list-group{
    background: #25aae2;
}
.course-list-sidebar>.list-group:hover{
    background: #2895c3;
}
.strong{
    font-weight: bold;
}
.close{
    color: #fff;
    opacity: 1;
}
ul li a:hover{
	text-decoration: none;
}
.list-group-item-default{
 background: transparent;
 color: #fff !important;   
}
a.list-group-item-default:focus, a.list-group-item-default:hover, button.list-group-item-default:focus, button.list-group-item-default:hover{
 background: #3c8dbc;
 color: #fff !important;   
}
a.list-group-item-normal {
    color: #000;
}
.list-group-item-danger, .list-group-item-success, .list-group-item-info
.list-group-item-warning{
    background: #fff;
}
.list-group-item-danger{
    color: #ddd;
}
a.list-group-item-info{
    color: #25aae2;
}
a.list-group-item-danger{
    color: #a29090;
}
a.list-group-item-info:focus, a.list-group-item-info:hover{
    color: #25aae2;
    background-color: #edfaff;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover{
    color: #a29090;
    background-color: #f4efef;
}
.liactive{
    font-weight: bold;
    background: #f5f5f5;
}
.collapse .list-group-item{
    list-style: circle;
}
.list-group-item,.list-group-item:last-child,.list-group-item:first-child{
	border:none;
	border-radius: 0;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background-color: #25aae2;
    border-color: #25aae2;
}
.course-list .list-group-item:hover{
	background: #f4f4f4;
}
.course-list .list-group-item a{
	color: #666;
}
/***CHAPTERS***/
.chapters-list{
	padding: 3px;
  padding-top: 0;
}
.chapters-list ul.list-group{
    margin-bottom: 10px;
    border-right: 1px solid #eee;
}
.chapters-list a.list-group-item{
    //padding: 15px;
    font-size: 11px;
    //font-weight: bold;
}
.chapters-list li.list-group-item{
    padding: 0;
}
.chapter-card{
    font-size: 15px;
    padding: 0px 10px 0px 10px;
    background: #555 !important;
    border-bottom: 8px solid #78c13e !important;
}
.chapter-card .navbar-nav>li{
    font-size: 12px;
}
.chapter-card .nav>li>a:focus,.chapter-card .nav>li>a:hover{
   background: #25aae2;
   color: #fff; 
}

.chapter-card h3{
    font-size: 24px;
    margin-top: 10px;
    line-height: 56px;
    color: #fff;
}
/***SCROLLBAR***/
.scrollbar
{
	float: left;
	height: 60%;
	width: 100%;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 100%;
	margin-right: 1px;
}

.scrollbar::-webkit-scrollbar-track
{
	
	background-color: #ddd;
}

.scrollbar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	z-index: 999;	
}

.scrollbar::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.notice-board{
  max-height: 285px !important;
  min-height: 113px !important;
  margin-bottom: 0;
}
.unread {
  background-color: #eeeeee;
}
.read, .unread{
  padding: 10px 15px;
}
.notice-board a{
  color: #7bc242;
}
.notice-board .list-group-item{
  border: 1px solid #ddd;
  font-size: 13px;
  padding: 0;
}
.notice-message{
  font-size: 12px;
  margin: 0;
}
/*.notice-controls{
    margin-top: 10px;
}
.notice-controls a{
    padding: 5px 8px;
    border: 1px solid;
    margin: 1px;
}
#noticeModal .modal-body h3{
    margin-top: 0 !important;
}*/
.modal-body{
  max-height: 90%;
  overflow-y:auto;
}
.modal-title{
    text-align: center;
    text-transform: uppercase;
}
section.home, section.course-single{
    padding-top: 30px;
}
section.register{
  padding-top: 75px;
}
section.login{
  padding-top: 75px;
}
.home h4{    text-transform: uppercase;
    font-size: 25px;
    padding-bottom: 7px;
    border-bottom: 3px solid;}
.register .form-container{
    padding: 5px 10px 10px 10px;
    
    border: 2px solid #6cc71a;
    

}
.login .form-container {
  padding: 5px 10px 10px 10px;
  border: 2px solid #6cc71a;
  margin-top: 35px;
}

.login .form-container form{
      padding: 10px 5px 0px 5px;
  margin-bottom: 0px;
}
.register .title {
    color: #fff;
    /*border-bottom: 1px solid #52b6ec;*/
    text-align: center;
    background: #6cc71a;
    padding: 2px 2px 2px 2px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -5px;
    color: #222;
    text-transform: uppercase;
    font-weight: bold;
}

.register .title h1,.login .title h1{
  font-size: 26px;
  font-weight: bold;
}

.login .title {
  color: #fff;
  /*border-bottom: 1px solid #52b6ec;*/
  text-align: center;
  background: #6cc71a;
  padding: 2px 2px 2px 2px;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -5px;
  color: #222;
    text-transform: uppercase;
    font-weight: bold;
}
#regform{
  padding: 15px 15px;
}
#regform .form-block{
  padding-bottom: 30px;
}
.register  strong{
    color: #555;
}

#termhype{
    color: #000;
}
.btn-danger{
  border-color: #d9534f;
}
.btn-download{
    font-size: 21px;
    padding-top: 8px;
}
.transparent .btn{
    border-radius: 0;
    border: 3px solid transparent;
}
.transparent .btn-primary {
    color: #fff;
    background-color: #52b6ec;
    border-color: transparent;
}
.transparent .btn-primary:hover,.transparent .btn-primary.active,.transparent .btn-primary:active, .open>.dropdown-toggle.btn-primary,.transparent .btn-primary.focus,.transparent .btn-primary:focus,.transparent .btn-primary.active.focus,.transparent .btn-primary.active:focus,.transparent .btn-primary.active:hover,.transparent .btn-primary:active.focus,.transparent .btn-primary:active:focus,.transparent .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    /* background-color: rgba(38, 169, 234, 0.97); */
    background-color: #52b6ec;
    color: #fff;
    border-color: transparent;
}
.container-login .nav-tabs.nav-justified > .active > a, .container-login .nav-tabs.nav-justified > .active > a:hover, .container-login .nav-tabs.nav-justified > .active > a:focus{
    background-color: transparent !important;
}
.container-login .nav-tabs.nav-justified > li > a , .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus{
    background-color: #52b6ec !important;
}
.alert-purple { border-color: #694D9F;background: #694D9F;color: #fff; }
.alert-info { border-color: #81c7e1;background: #81c7e1;color: #fff; }
.alert-danger { border-color: #E26868;background: rgba(226, 104, 104, 0.85);color: #fff; }
.alert-warning { border-color: #E9CEAC;background: #E9CEAC; }
.alert-warning strong{color: #8a6d3b;}
.alert-success { border-color: #20A286;background: #20A286;color: #fff; }
.form-control{
    border-radius: 0;
    /* border: 1px solid #08607f; */
}
.make-center{
    float: none;
    margin:0 auto;
}
/*table{
    border: 1px solid #25aae2;
}*/
table{
  margin: 0 auto;
}
table>thead{
    border-bottom: 3px solid;
}
table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #073a50;
    background: #fff;
    font-weight: normal;
    padding: 10px 8px;
    color: #000;
    font-weight: bold;
    border: 1px solid #ddd;
    text-align: center;
}
table td{
    border: 1px solid #ddd !important;
    font-size: 14px !important;
}
table tr:hover>td{
    background: #ecf6fd;
}
table td img{
  height: 25px;
}
table td .upload_study{
  margin: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #78c13e;
    background: #78c13e;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.topicblock{
 // padding: 0;
}
.topicloader .contain {
  position: relative;
}
.next-control, .prev-control{
  font-size: 30px;
}
svg {
  position: absolute;
}
svg ellipse {
  -webkit-transform-origin: center;
          transform-origin: center;
}
svg:nth-of-type(1) ellipse {
  stroke: #25aae1;
  cx: 25px;
  stroke-width: 3px;
  -webkit-animation: jump 600ms infinite ease-in-out;
          animation: jump 600ms infinite ease-in-out;
  opacity: .7;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
svg:nth-of-type(2) ellipse {
  stroke: #f15e22;
  cx: 65px;
  stroke-width: 3px;
  -webkit-animation: jump 600ms infinite ease-in-out;
          animation: jump 600ms infinite ease-in-out;
  opacity: .7;
  -webkit-animation-delay: 75ms;
          animation-delay: 75ms;
}
svg:nth-of-type(3) ellipse {
  stroke: #7cc242;
  cx: 105px;
  stroke-width: 3px;
  -webkit-animation: jump 600ms infinite ease-in-out;
          animation: jump 600ms infinite ease-in-out;
  opacity: .7;
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
svg:nth-of-type(4) ellipse {
  stroke: #999999;
  cx: 145px;
  stroke-width: 3px;
  -webkit-animation: jump 600ms infinite ease-in-out;
          animation: jump 600ms infinite ease-in-out;
  opacity: .7;
  -webkit-animation-delay: 225ms;
          animation-delay: 225ms;
}
svg:nth-of-type(5) ellipse {
  stroke: #7953a2;
  cx: 185px;
  stroke-width: 3px;
  -webkit-animation: jump 600ms infinite ease-in-out;
          animation: jump 600ms infinite ease-in-out;
  opacity: .7;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
svg:nth-of-type(6) ellipse {
  fill: #333333;
  opacity: .05;
  rx: 0;
  ry: 0;
  cx: 25px;
  cy: 48px;
  -webkit-animation: shadow 600ms infinite ease-in-out;
          animation: shadow 600ms infinite ease-in-out;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
svg:nth-of-type(7) ellipse {
  fill: #333333;
  opacity: .05;
  rx: 0;
  ry: 0;
  cx: 65px;
  cy: 48px;
  -webkit-animation: shadow 600ms infinite ease-in-out;
          animation: shadow 600ms infinite ease-in-out;
  -webkit-animation-delay: 75ms;
          animation-delay: 75ms;
}
svg:nth-of-type(8) ellipse {
  fill: #333333;
  opacity: .05;
  rx: 0;
  ry: 0;
  cx: 105px;
  cy: 48px;
  -webkit-animation: shadow 600ms infinite ease-in-out;
          animation: shadow 600ms infinite ease-in-out;
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
svg:nth-of-type(9) ellipse {
  fill: #333333;
  opacity: .05;
  rx: 0;
  ry: 0;
  cx: 145px;
  cy: 48px;
  -webkit-animation: shadow 600ms infinite ease-in-out;
          animation: shadow 600ms infinite ease-in-out;
  -webkit-animation-delay: 225ms;
          animation-delay: 225ms;
}
svg:nth-of-type(10) ellipse {
  fill: #333333;
  opacity: .05;
  rx: 0;
  ry: 0;
  cx: 185px;
  cy: 48px;
  -webkit-animation: shadow 600ms infinite ease-in-out;
          animation: shadow 600ms infinite ease-in-out;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

@-webkit-keyframes jump {
  40% {
    -webkit-transform: translateY(20px) scale(1.3);
            transform: translateY(20px) scale(1.3);
    opacity: .9;
  }
  40% {
    rx: 10px;
    ry: 10px;
    stroke-width: 3px;
  }
  45% {
    rx: 15px;
    ry: 7px;
    stroke-width: 4px;
  }
  55% {
    rx: 10px;
    ry: 10px;
  }
}

@keyframes jump {
  40% {
    -webkit-transform: translateY(20px) scale(1.3);
            transform: translateY(20px) scale(1.3);
    opacity: .9;
  }
  40% {
    rx: 10px;
    ry: 10px;
    stroke-width: 3px;
  }
  45% {
    rx: 15px;
    ry: 7px;
    stroke-width: 4px;
  }
  55% {
    rx: 10px;
    ry: 10px;
  }
}
@-webkit-keyframes shadow {
  45% {
    opacity: .15;
    rx: 10px;
    ry: 3px;
    -webkit-transform: translateY(5px) scale(1.3);
            transform: translateY(5px) scale(1.3);
  }
}
@keyframes shadow {
  45% {
    opacity: .15;
    rx: 10px;
    ry: 3px;
    -webkit-transform: translateY(5px) scale(1.3);
            transform: translateY(5px) scale(1.3);
  }
}
.loading-icon {
  position: relative;
  width: 20px;
  height: 20px; 
  margin:50px auto;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.ask-question{
  background: #25aae2;
    border-color: #25aae2;
    color: #fff;
}
.user-query{
  border-color: #25aae2;
}
.label-default {
    background-color: transparent;
    color: #000;
}
.label-success{
  background: rgb(123,198,24);
}
.grid-item .scrollbar{
  height: 160px;
  overflow-y:auto;
  margin-bottom: 0;
}
.grid-item .scrollbar::-webkit-scrollbar{
  width: 8px;
  background-color: #F5F5F5;
  z-index: 999; 

}

.grid-item .scrollbar::-webkit-scrollbar-thumb{
  background-color: #444;
  border: 2px solid #444;
  border-radius: 4px;
}
.grid-item .force-overflow{
 min-height: 87%;  
}
.grid-item .list-group-item{
  color: #000;
}
.bg-yellow{
    background-color: #f39c12 !important;
}
.info-box{
  margin-top: 5px;
  margin-bottom: 5px;
}
.info-box,.info-box a{
  color: #fff;
}
.info-box .label-info{
  background: rgba(0,0,0,0.3);
}
.info-box .info-title{
  font-size: 13px;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 74px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 74px;
    background: rgba(0,0,0,0.2);
    font-style: italic;
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.info-box-text {
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 11px;
}
.info-box .progress {
    background: rgba(0,0,0,0.2);
    margin: 5px -10px 5px -10px;
    height: 6px;
    border-radius: 0;
}
.info-box .progress .progress-bar {
    background: #fff;
    border-radius: 0;
}
.progress-description {
    margin: 0;
}
.progress-description, .info-box-text {
    display: block;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filechapterajax{
    float: left;
    width: 75px;
    font-size: 11px;
    border: 1px solid #ddd;
    margin: 5px;
    padding: 6px;
    word-wrap:break-word;
    text-align: center;
}
.spanfiledel{
  float: right;  
}
.tooltip{
  z-index: 2080 !important;
}
.btn {

  //border-radius: 6px;

  //border: 0;

  outline: 0;

}
.btn-info {
    color: #fff;
    background-color: #25aae2;
    border-color: #25aae2;
}
.content-finished .fa{
  color: #25aae2;
}
/*.btn:hover {
  background: #005580;
}
.btn-default{
  background: #34495E;
}
.btn-default:hover{
  background: #005580;
}
.btn-primary {
  background: #1abc9c;
}
.btn-primary:hover {
  background: #2fe2bf;
}
.btn-info {
  background: #3498db;
}
.btn-info:hover {
  background: #5dade2;
}
.btn-danger {
  background: #e74c3c;
}
.btn-danger:hover {
  background: #ec7063;
}*/
.quiz-controls{
  border: none;
}

.GridviewDiv table td{
  font-size: 12px !important;
    font-weight: bold;
    padding: 3px;
}
.courses-show{
  margin-top: 5px;
}
.courses-show .label{
      font-size: 10px;
    margin: 2px;
}
.courses-show .list-group-item{
      border: 1px solid #ddd;
}
.legendColorBox, .legendLabel{
  border: none !important;
}
.progress-group .progress-text {
    font-weight: 600;
}
.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
    border-radius: 1px;
}
.progress.sm, .progress-sm {
    margin-bottom: 20px;
    margin-top: 8px;
    overflow: hidden;
    background-color: #eeeeee;
    box-shadow: none;
}
.progress-group .progress-number {
    float: right;
}
.progress-bar-info {
    background-color: #00c0ef;
}
.progress-bar-danger {
    background-color: #dd4b39;
}
.subCounter{
  font-size: 10px;
    font-weight: bold;
    margin-top: 13px;
}
.reportcard-table ul {
  padding-left: 13px;
}
.reportcard-table ul li{
font-size: 10px;
font-weight: bold;
}
#faculty .carousel-control          { width:  4%; }
#faculty .carousel-control.left,#faculty .carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
  #faculty .carousel-inner .active.left { left: -100%; }
  #faculty .carousel-inner .next        { left:  100%; }
  #faculty .carousel-inner .prev    { left: -100%; }
  #faculty .active > div { display:none; }
  #faculty .active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
  #faculty .carousel-inner .active.left { left: -50%; }
  #faculty .carousel-inner .next        { left:  50%; }
  #faculty .carousel-inner .prev    { left: -50%; }
  #faculty .active > div { display:none; }
  #faculty .active > div:first-child { display:block; }
  #faculty .active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
  #faculty .carousel-inner .active.left { left: -16.7%; }
  #faculty .carousel-inner .next        { left:  16.7%; }
  #faculty .carousel-inner .prev    { left: -16.7%; }  
}

.faculty-item {
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
}
.faculty-item .thumb-holder {
    position: relative;
}
.faculty-item .down-content {
    border-left: 2px solid #25aae2;
    border-right: 2px solid #25aae2;
    border-bottom: 2px solid #25aae2;
    padding: 20px;
}
.faculty-item .down-content span {
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    color: #aaa;
}
.faculty-item.style2 .down-content p {
    margin: 15px 0 0;
    padding-bottom: 0;
}
#methodology .methodology-item {
    margin-top: 40px;
}
#methodology .methodology-item i{
  font-size: 18px;
    float: left;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    border: 2px solid #25aae2;
    border-radius: 50%;
    color: #25aae2;
    margin-right: 25px;

}
#methodology .methodology-item h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
#methodology .methodology-item .line-dec {
    margin: 10px 0;
    width: 40px;
    height: 2px;
    background-color: #b2ebf2;
    display: inline-block;
}
#methodology .methodology-item p {
    margin-left: 69px;
    margin-right: 20px;
}
#placements{
      background: #25aae2;
    padding: 30px;
    color: #fff;
}
.homepage_main section{
  margin-bottom: 30px;
  margin-top: 30px;
}
#homecarousel{
  margin-top: 0;
}
.heading-decor {
    display: inline-block;
    width: 74px;
    height: 4px;
  
    background: #80deea;
}
.show_add, .show_edit, .show_delete{
	display: inline !important;
}.fa {
display: inline !important;}
.navbar-default {
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #52b6ec;
    border-radius: 3px;

}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{

    color: #fff;
    background-color: #6cc71a;
    border-radius: 3px;

}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
  outline: none;
}

.mycustom {
  position: relative;
  text-align: center;
margin: 0 auto;
  }
  .mycustom input[type=text] {
  width: 100%;
  padding-right: 70px;
  }
  .mycustom .input-group-prepend {
  position: absolute;
  right: 0px;
  z-index:9;
  }
  .mycustom .btn-sm{
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 0px;
    background: #78c13e;
    border:1px solid #78c13e;
  }
  .mycustom .btn-sm:hover,.mycustom .btn-sm:active{
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 0px;
    background: #78c13e;
    border:1px solid #78c13e;
  }
  .items table td ul{
   padding: 0px;
   list-style-type: none;
  }
  .items table td {
    text-align: center;
   }
   .coupon-container{
text-align: center;
   }
   .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #25aae2;
    color: #fff;
}
.items table tr:hover > td{
  background: transparent;
}