/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Varela');

body {
    overflow-x: hidden !important;
    background: #EEEEEE;
    font-family: 'Varela', sans-serif;
}
 
 
 .bdr{border:1px solid red;}
 


::-webkit-scrollbar { 
    -display: none; 
	width: 0px;
	height:5px !important;
}
::-moz-scrollbars {display:none :;}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #fff; 
    border-radius: 10px;
	color:green !important;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px silver;
	color:green !important;
}

.navbar-brand
{
	width:249.5px;
	background-color:rgb(255,255,255);
	text-align:center;
}
/* Toggle Styles */

.header {
 
    background: #423F8A;
  
    border: 0;
}
.header p{border:1px solid red;font-size:35px;}
.header .navbar-right li a{-border:1px solid red;-padding:20px;color:#fff;}
.header .navbar-right li a:hover{background-color:transparent;}
.header .navbar-right li a:focus{background-color:transparent;}

-.header .navbar-right li .d-down{animation:fadeInUp .5s;}

.header .navbar-right li .d-down li a
{
	border-bottom:1px solid #f3f3f3;
	padding:10px;
	color:#3C8DBC;
	font-weight:100;
}

.content
{
	-border:1px solid red;
	position:absolute;
	top:40px;
}


.main h3{-border:1px solid #3C8DBC;padding:15px;background-color:white;-border-radius:5px;font-weight:100;margin-bottom:10px}


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-x: hidden;
    top: 51px;
    overflow-x: hidden !important;
    background: linear-gradient(45deg,rgba(255, 255, 255, 0.90),rgba(255, 255, 255, 0.90)), url('../images/side-menu-bg.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
    box-shadow: 2px 10px 25px 0 rgba(0,0,0,.30),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
}


#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
	
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */




.sidebar-nav {
    position: absolute;
    top: 0px;
    width: 250px;
	margin:0;
    padding: 0;
    list-style: none;
	height:100%;
	-border:1px solid red;
	-overflow-x:hidden !important;
	
}

.sidebar-nav li {
     
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #4d4d4d;
	padding:13px;
	font-size:14px;
	letter-spacing:1px;
}

/*.sidebar-nav li a b{-color:silver !important;font-size:20px !important;height:40px;width:40px;border-radius:50%;padding-top:9px;padding-left:2px;}*/
     
    .sidebar-nav li.act {
        background: #423F8A;
    }

.sidebar-nav li.act i
{
	color:#fff !important;
}
.sidebar-nav li.act a
{
	color:#fff !important;
}


.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}


.profile
{
	background:white;
	margin-bottom:15px;
	border:1px solid rgba(0,0,0,.1);
}
.profile dt
{
	-border:1px solid red;
	text-align:left;
	font-weight:700;
	color:black;
}
.profile h4{font-weight:100;font-size:14px;height:50px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;}
.profile h4 span{color:black;font-weight:800;}

-.profile h3{border:1px solid rgba(0,102,153,.3);margin:-15px 0 20px 0;padding:10px;background-color:white;border-radius:5px;}

.profile2
{
	background:white;
	margin-bottom:10px;
	padding:10px;
}

/* .sidebar-brand */
/* { */
	/* border:1px solid red; */
	/* top:-20px; */
	/* position:relative; */
/* } */

/*****scroll to top******/


#scroll {
position:fixed;
right:40px;
bottom:40px;
cursor:pointer;
width:50px;
height:50px;
-background-color:#3498db;
background-color:rgb(0,102,153);
text-indent:-9999px;
display:none;

border-radius:5px;
z-index:9999;
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}



/******loader*******/

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/balls_loading.gif') 50% 50% no-repeat rgb(249,249,249);
}


.bar{-border:1px solid red !important;display:none;}






/*****Media query*******/

@media(max-width:768px)
{
	.main .breadcrumb
	{
		-border:1px solid red !important;
		top:88%;
		display:none;
	}
	.noti-date
	{
		-border:1px solid red;
		margin-top:45px;
	}
	#sidebar-wrapper
	{
		-border:1px solid red;
		top:51px;
	}
	.r3_counter_box
	{
		margin-bottom:13px;
	}
	.grow
	{
		-border:1px solid red;
		left:40%;
	}
	.r3_counter_box h5 {
    -border:1px solid red;
	text-align:center;
	-margin-top:10px;
    }
	.inquiry
	{
		-border:1px solid red;
		margin-top:15px;
		padding-bottom:10px;
		max-height:335px;
		display:table;
	}
	.inquiry .inq-left .txt
	{
		background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
		-webkit-appearance: none;
		background-position-x: 214px;
	}
	
	.inquiry .inq-right
	{
		-border:1px solid red;
		display:table;
		padding:10px 0 0 0;
	}
	
	.inquiry .inq-right .b-t-n
	{
		-border:1px solid red;
		margin-top:0 !important;
		
	}
	.none
	{
		border:none !important;
	}
	.header .navbar-right li .d-down li a{color:white;}
	.msg{margin-top:40px;}
	.std-transfer{margin-top:15px;}
	.teb li a{font-size:14px;}
	.custom-bar-chart{-border:1px solid red;margin:0;padding:0;}
	.y-axis li span{-border:1px solid red;left:0px;position:absolute;}
	.bar .title{-border:1px solid red;white-space:nowrap;-width:25px;overflow:hidden;-text-overflow:ellipsis;}
	.navbar-brand{background-color:rgb(0,102,153);color:trasparent !important;-width:270px;font-size:2px !important;-margin-top:-20px !important;}
	.bar{-border:1px solid red !important;display:block;width:33px;}
}


@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}