@CHARSET "ISO-8859-1";

/* =============================================================================
   Sidebar - Improve to be responsive
   ========================================================================== */
.sidebar {
	position:fixed;
	background: #eee;
	width:65px;
	margin-top:50px;
	margin-right:15px;
top:0;

bottom:0;
	z-index: 1010;
}

.sidebar ul {
	padding:0px;
margin:0px;
  margin-top: 0px;
  list-style: none;

}

.sidebar ul li a {
  padding: 10px 10px;
text-align:center;
  display: block;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.sidebar ul li a:hover {
  background: #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

/* =============================================================================
   Content
   ========================================================================== */
.alert {
  border-radius: 0;
  padding-left: 20px;
}

.main-area .content,
.main-area .tab-info {
  padding: 20px 20px 94px;
}

.main-area {
  margin-left: 64px;
}

.main-area .headerbar {
	position: fixed;
  right: 0;
  left: 0;

  z-index: 1000;
	margin-top:50px;
  height: 40px;
  padding: 8px 20px 0px 100px;
background:#f5f5f5;
 border-bottom: 1px solid #dfdfdf;
margin-bottom:5px;
font-size:18px;
}

.main-area .headerbar h1 {
  font-size: 14px;
  line-height: 29px;
  margin: 0;
  float: left;
}

.main-area .headerbar .nav {
  margin-bottom: 0;
}

.main-area .headerbar .pull-right {
  margin-left: 15px;
}

.main-area .headerbar .index-options {
  margin-top: -3px;
}

.main-area .container-fluid,
.main-area .content,
.main-area .table-content,
.main-area .tab-content {
  position: relative;
  overflow-x: hidden;
 
}
/*  ========================================= */
.footer{
	padding:5px; background:#f9f9f9;text-align:center;position:bottom;
	
	
}

#overlay {
    width: 100%;
    background: url(images/01.png) repeat;
    position: relative;
}

#overlay img.loading_circle {
    position: absolute;
    top: 50%;  // edit these values to give you
    left: 50%; // the positioning you're looking for.
}
.brown{
	color:#3385ac;
padding:10px;
margin:0px;

font-size:14px;

	
}
.width100{
	width:100px;
}


.darsi-btn {
    background: #FF9933;
    background-image: -webkit-linear-gradient(top, #FF9933, #FF9933);
    background-image: -moz-linear-gradient(top, #FF9933, #FF9933);
    background-image: -ms-linear-gradient(top, #FF9933, #FF9933);
    background-image: -o-linear-gradient(top, #FF9933, #FF9933);
    background-image: linear-gradient(to bottom, #FF9933, #FF9933);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 20px 10px 20px;
    border: solid #FF9933 2px;
    text-decoration: none;
}

.darsi-btn:hover {
    background: #20A6B1;
    text-decoration: none;
    border: solid #20A6B1 2px;
    color:white;
}
.scrollbar
{
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow
{
    min-height: 450px;
}
/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #000000;
}