/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 13, 2015, 10:32:02 PM
    Author     : Anup
*/
body{
    font-size: 12px !important;
  //  background-image: url(../images/havelock-04.jpg);
}
table tbody tr.green{
    background-color: #9BF59B !important;
}
.status-inactive:before{
     content: 'Inactive';
       text-align: center;       
}
.status-active:before{
       content: 'Active';
       text-align: center;       
}
.status-active, .status-inactive{ 
    font-size: 12px;
    color: #fff;
    padding: 3px 7px;
    border-radius: 3px 3px;
    margin-left: 10px;
    
}
.status-active{
     background-color: green;
}

.status-inactive{
           background-color: red;
}
p.error{
    color:red ;
    margin: 5px 0px 0px 5px;
}

.sub-title{
    font-size: 11px;
}

.loader{
    background: url(../images/loading.gif) no-repeat;    
position:fixed;top:0px;right:0px;width:100%;height:100%;background-color:#666; background-repeat:no-repeat;background-position:center;z-index:10000000;  opacity: 0.4;
filter: alpha(opacity=40);
   
}

 #loadingDiv{position:fixed;top:0px;right:0px;width:100%;height:100%;background-color:#666;background-image:url('http://pulse.sindlab.com.pk//images/ajax-loading.gif'); background-repeat:no-repeat;background-position:center;z-index:10000000;  opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */}
.panel-heading span{
    float:right;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    
    
        background-color: #0F215C;
    border-color: #0F215C;
}

.pagination > li > a, .pagination > li > span{
    color: #0F215C;
}

#contact{
    background:none;
}

#page-wrapper{
    background: none;
    border-left: none; 
}

.navbar-brand{
    padding:0px !important; 
}

.dashboard_wrapper{
    padding: 0px;
    margin-top: 50px;
}
/*  .sidebar {
    position: static;
    margin-top:30px;
    width:228px;
  }*/

  .sidebar {
    position: fixed;
    top:50px;
    width:228px;
  }
  /*
  
 input {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal medium/normal Arial, Helvetica, sans-serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

input:hover {
  border: 1px solid #a3a3a3;
  background: rgba(255,255,255,1);
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
}

input:focus {
  border: 1px solid #018dc4;
  -webkit-box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2) inset;
  -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}*/
  input,select {
  padding: 7px;
  -webkit-box-shadow: inset 1px 1px 1px 0px #dddddd !important;
  -moz-box-shadow: inset 1px 1px 1px 0px #dddddd !important;
  box-shadow: inset 1px 1px 1px 0px #dddddd !important;
}

.sidebar .nav > li > a {
   // padding: 5px 15px;
    color: #fff;
}


.sidebar ul li:first-child{
    border-top: 1px solid #ccc;
}
.sidebar{
    background-color: #4C5880;
}
.sidebar .nav-second-level{
    background-color: #53618e;
}
.sidebar .nav-second-level li{
    border-bottom: 1px solid #ccc !important;
}
.sidebar .nav-second-level li:last-child{
    border-bottom: none !important;
}
.sidebar ul li a.active {
     background-color: #6c85d4; 
}
.sidebar ul li a {
     padding:12px 15px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
        padding: 4px 2px 4px 17px;
}
table{
    box-shadow: 0px 0px 3px #888888;
  
  .ui-widget-header {
    background: #0F215C none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #fff;
}
#page-wrapper .block
{
width:10%;
margin:2%;
padding:1%;
border:1px solid #cfcfcf;	
background-color:#8b8b8b;
color:#363636;
float:left;
}
.text-muted {
    color: #2a55d4 !important;
}