﻿/* Following CSS is for keeping Burger Button always visible */

.navbar-toggle-always {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin: 0px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent; 
  border-radius: 0px;
  height:50px;
  background:#033A70;
}
.navbar-toggle-always:focus {
  outline: 0;
}
.navbar-toggle-always .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle-always .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle-always {
    display: block;
  }
  
}
@media screen and (max-width: 768px) {
  .mainKaBaap
  {
      /*overflow:inherit !important;*/
      margin-left:3px !important;
  }
  .sbKaBaap
  {
      position:absolute;
      z-index:9999;
      left:0px;
  }
  .nav-sidebar 
  {
      margin-right: 0px !important; /* 20px padding + 1px border */
  }
  .mainKaBaap .mytitle{ font-size:24px;}
      
}


/*Default*/
.navbar-default .navbar-toggle-always {
  border-color: #178acc;
}
.navbar-default .navbar-toggle-always:hover,
.navbar-default .navbar-toggle-always:focus {
  background-color: #178acc;
}
.navbar-default .navbar-toggle-always .icon-bar {
  background-color: #ffffff;
}

/* Inverse */
.navbar-inverse .navbar-toggle-always {
  border-color: #022f5a;
}
.navbar-inverse .navbar-toggle-always:hover,
.navbar-inverse .navbar-toggle-always:focus {
  background-color: #022f5a;
}
.navbar-inverse .navbar-toggle-always .icon-bar {
  background-color: #ffffff;
}

/* Following CSS is for Show - Hide sidebar text (captions) in Mini Mode*/
.hideInMini {
	display: none;
}
.showInMaxi {
	display:inline;	
}
.sbKaBaap {
	float:left;
    margin-right:10px;
}
.mainKaBaap 
{
    margin-top: 55px;
    overflow:hidden;
    margin-left:250px;
    position:relative;
    /*float:left;*/
    padding-left: 15px;
padding-right: 15px;
}
.sbKaBaap .nav-sidebar .glyphicon
{
    width:15px;
    height:15px;
    float:left;
    margin-right:15px;
}
.sbKaBaap .nav-sidebar li a
{
    padding: 12px 15px 12px 10px;
    overflow:hidden;
}
.sidebar
{
    top:51px !important;
}
.sbKaBaap, .sidebar
{
    -webkit-transition: all 0.01s ease-in-out;
-moz-transition: all 0.01s ease-in-out;
-ms-transition: all 0.01s ease-in-out;
-o-transition: all 0.01s ease-in-out;
transition: all 0.01s ease-in-out;
}

/* Following CSS is for Show  Widget   ****/
.widget-content:hover{
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	padding-top:5px;
	margin-bottom:10px;
}
.widget{
	display:block; margin-bottom:20px;		
} 
.widget:hover{
	margin-bottom:22px;
}
.widget, .widget:hover{ 
	text-decoration:none;
}
.widget-content{
	 background:#F9F9F9;
	overflow:hidden; 
	padding:7px 15px 7px 15px;  
	border-radius:4px;
	border:1px solid #CACACA;
	min-height:100px;
}
.widget-icon{
	width:64px; 
	height:64px; 
	font-size:30px; 
	line-height:70px; 
	color:#fff; 
	border-radius:100px; 
	margin:5px 5px 5px 0px;
	position:absolute;
}
/* Following CSS is for Show Widget Multiple Color Combination Text color and bg ***************/
.mint{
	background:#48CFAD;
}
.text-mint{
	color:#48CFAD;
	text-decoration:none;
}
/**************** Widget End************************/

