html{
  font-size: 16px;
  height:100%;
  min-height: 100%;
}

body{
  background: #ecf0f5;
  background: #eef5f9;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Poppins', sans-serif;
  /*font-family: 'Source Sans Pro', sans-serif;*/
}
/* Navbar Starts */
.navbar-fixed-top{
  border:0px !important;
  box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}
.navbar-inverse {
    background-color: #393A3D;
}

.navbar-brand img{
  max-height: 100%;
  display: inline-block;
}
.navbar-default .navbar-brand{
	display: block;
/*	float: none;*/
  color : #ddd;
  text-transform: uppercase;
  font-weight: 600;
  height: 50px !important;
  text-align: center;
  background: #fff;
}



.navbar .navbar-nav>li>a {
  /*color: #BABEC5;*/
  text-transform: uppercase;
}
.navbar .navbar-nav>li>a.has_thumb{
  padding: 7px 15px;
}
.navbar .navbar-nav>li>a.has_thumb img{
  height: 36px;
  width: 36px;
  margin-right: 3px;
  border-radius: 50%;
  background: #eee;
}

 .has_left_menu_trigger_icon{
  /*padding: 10px 15px 15px 40px;*/
  padding-left: 40px;
  font-size: 18px;
  position: relative;
  font-weight: 600;
}

.navbar .navbar-nav .left_menu_trigger_icon {
  font-size: 26px;
  position: fixed;
  top: 12px;
  left: 8px;
}

.navbar-default .navbar-brand:hover{
  color :#eee;
}



.navbar-header{
  width  : 230px;
  background: #fff;
  padding-left: 29px;
}
.navbar-header:hover{
  background: #fff;
}

/* Navbar Ends */

/* Leftbar and content columns  */

.leftbar{
/*	box-shadow: 0px 8px 5px 5px #e5edf1;*/
  background: #fff;
  border-right: 1px solid #ffcbad;
  position: fixed;
  top: 53px;
  left: 0;
  /*margin-top: 50px;*/
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  width: 250px;
  z-index: 1040;
  -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
  transition: transform .3s ease-in-out,width .3s ease-in-out;
}

.leftbar .dashboard_user_card{
  padding: 20px 20px;
  background-size: cover;
   /*background-size: 100% 100%;*/
  background-blend-mode: color-burn;
  background-repeat: no-repeat;
  background-image: url('/static/vajiram_fee_mgmt/images/bg/bg_pattern_1.png');
  /*background-attachment: fixed;*/
  color : #000;
  font-weight: 600;
  font-size: 16px;
}

.leftbar .dashboard_user_card{

}

.leftbar .dashboard_user_card img{
  width: 50px;
  margin-right: 0px;
}

.leftbar-nav{
  text-align: left;
  height : calc(100%px);
  height : 100%;
  overflow-y : auto;
  padding-top: 20px;
}

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

.leftbar-nav ul li{
  padding: 1px 8px;
}

.leftbar-nav ul li a {
  display: block;
  color: #3c3c3c;
  color: #444;
  padding: 8px 16px 8px 50px ;
  white-space: nowrap;
  align-items: center;
  line-height: 25px;
  opacity: .8;
/*  font-weight: 600;*/
  position: relative;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 13px;
  border-radius: 6px;
}

.leftbar-nav ul li a.active{
  color : #f65c00;
}

.leftbar-nav ul li a:hover{
  background: #e7f0f6;
  color :#f65c00;
}

.leftbar-nav ul li a .menu_icon{
  position: absolute;
  top: 11px;
  left: 18px;
  font-size: 18px;
}

.treeview-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}


.treeview:not(.active) .treeview_icon.ion-chevron-down{
  display: none;
}

.treeview.active .treeview_icon.ion-chevron-right {
  display: none;
}
.treeview-menu{
  display: none;
  /*padding-left: 15px !important;*/
  background: #f1f9fe;
}
.treeview.active .treeview-menu{
  display: block;

}

.leftbar-nav  ul.treeview-menu li a{
  padding-left: 46px;
}

.leftbar-nav ul.treeview-menu li a .menu_icon{
  left: 24px;
}


.leftbar-nav ul li a.active{
  background: #fb6e00;
  color: #fff;
}

.content_wrapper{
  /*min-height: 2000px;*/
  margin-top: 50px;
  margin-left: 250px;
  padding: 10px;
/*  overflow-x: scroll;*/
}
/* Leftbar and content columns ENDS  */

@media (max-width: 1024px){
  .navbar-header {
    float: left;
    width:56px;
  }
  .leftbar{
/*    display: none;*/
  }
  .brand_name{
    display: none;
  }
  .leftbar{
    
  }
  .content_wrapper{
    margin-left:0;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-right {
    float: right!important;
    margin-right: -15px;
  }
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

}


.dashboard_thin_scrollbar::-webkit-scrollbar-track{
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*  border-radius: 10px;*/
  background-color: #fff;
}


.dashboard_thin_scrollbar::-webkit-scrollbar
{
  width: 8px;
  background-color: #fff;
  margin-right:2px;
}

.dashboard_thin_scrollbar::-webkit-scrollbar-thumb
{
/*  border-radius: 10px;*/
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #f8f8f8;
}

.btn-danger {
    color: #d9534f;
    background-color: #ffebeb;
    border-color: #edcccb;
}
.btn-success {
    color: #4cae4c;
    background-color: #e3ffe3;
    border-color: #beffbe;
}
.btn-info {
    color: #46b8da;
    background-color: #e9faff;
    border-color: #c2eaf6;
}

.mentoring_header{
	color:#000;
	font-size: 1.1rem;
	margin-bottom: 16px;
}

.mentoring_card{
	display: block;
	margin-bottom: 30px;
	text-decoration: none !important;
	position: relative;
	border: 1px solid #ddd;
	padding: 1rem;
	background: #fbfbfb;
	box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.03);
	-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.mentoring_card *{
	-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.mentoring_card:hover{
	border: 1px solid #599EDD;
}
.mentoring_card:hover *{
	color:#599EDD !important;
}
.mentoring_card:hover .mentoring_card_title{
	color:#000;	
}
.mentoring_card:hover .mentoring_card_chevron{
	color:#000;
	right:12px;
}
.mentoring_card_title{
	color:#777777;
	font-size: 1rem;
	margin-bottom: 5px;
	font-weight: 600;
  text-overflow: ellipsis;
  height:;

}
.mentoring_card_subtitle{
	color: #93A3A9;
	font-size: 0.8rem;
}

.mentoring_card_chevron{
	    font-size: 1.6rem;
    color: #888;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.d-flex{
	display: flex;
}
.progress_tracker_wrapper{
	margin-top: 10px;
}
.progress_tracker,
  .progress_percentage{
    height: 5px;
    background: #ddd;
    border-radius: 16px;
  }
  .progress_tracker{
     width: 100%;
    position: relative;
  }

  .progress_tracker .progress_percentage{
    background-color: #599EDD;
    position: absolute;
    
  }

  .dashboard_fieldset{
  	background: #e6f0f6;
  }

  .dashboard_fieldset legend{
  	background: #fff;
  }

  .mentoring_card_title.with_icons{
    padding-left: 30px;
    padding-right: 24px;
    height: 46px;
    overflow: hidden;
  }

  .with_icons .left_icon{
        position: absolute;
    left: 0;
    top: 0px;
    font-size: 22px;
    color: #aaa;
  }
  .with_icons .right_icon{
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 22px;
    color: #aaa;
  }

  .triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid #35ab3a;
    border-bottom: 30px solid transparent;
    border-top: 30px solid #35ab3a;
    position: absolute;
    top:0;
    right:0;
}
.triangle.gray{
   border-left: 30px solid transparent;
    border-right: 30px solid #bbb;
    border-bottom: 30px solid transparent;
    border-top: 30px solid #bbb;
}

.triangle .fa{
  position: absolute;
  top: -21px;
  right:-21px;
  color:#fff !important;
  font-size: 20px;
}

.mentoring_course_box{
  border-radius: 8px;
}

.mentoring_course_box .box-header{
  background: #FFF7EE;
  padding: 18px 20px;
  border-bottom: 0px;
  border-radius: 8px;
}
.mentoring_course_box .box-title{
  font-size: 15px !important;
  font-weight: 600;
  color:#df8807;
/*  color:#777;*/
}

.mentoring_course_box .list_group_item{
  color:#555;
}

.breadcrumb{
/*  font-size: 12.5px;*/
}

.navbar-nav>li>a{
  padding-top: 1rem;
  padding-bottom: 1rem;
}