/* When the body has the loading class, we turn
    the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;   
}*/

/* Anytime the body has the loading class, our
    modal element will be visible */
/*body.loading .modal {
    display: block;
}*/

.select-custom {
    width: 170px !important;
}

.select-custom-2 {
    width: 100% !important;
}

.ajaxmodal  {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -32px; 
    margin-top: -32px; 
}

th {
    background-color: #e2231e;
    color: white;
    
    border-left:solid #afafaf 1px;
    border-top:solid #afafaf 1px;
}

td {
    background-color: #ffffff;
    color: black;
    
    border-left:solid #afafaf 1px;
    border-top:solid #afafaf 1px;
}

table {
    border-collapse:separate;
    border:solid #afafaf 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}


th {
    /*background-color: blue;*/
    border-top: none;
}

td:first-child {
     border-left: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #428bca;
  font-weight:bold;
  color:#ffffff;
}

.title-bar {
    /*width:90%;*/
    height:18px;
    background-color : #e2231e;
	color : #ffffff;
	vertical-align : middle;
    font-weight: bold;
    font-size:12px;
    border-radius: 3px;
    padding-top: 1px;
}

.content-div {
    background-color : #afafaf;
	/*color : #ffffff;*/
	font-size:12px;
    border-radius: 3px;
    vertical-align:middle;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.1;
}

.content-div-100 {
    background-color : #afafaf;
	min-height: 100px;
    height:100px;
	font-size:12px;
    border-radius: 3px;
    vertical-align:middle;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.1;
}

.cpcustom{
    color :#797979;
}

.navbar-default {
  background-color: #e2231e;
  border-color: #e7e7e7;
  font-weight:normal;
  align-content:center;
  /*font-size: 12px !important;
  font-family: 'Ruda', sans-serif !important;*/
}

.navbar-default .navbar-nav > li > a {
  /*color: #777;*/
  color: #fff;
  font-weight:normal;
  /*font-size: 12px !important;*/
}
.navbar-default .navbar-brand {
  /*color: #777;*/
  color: #fff;
  font-weight:bolder;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  /*color: #5e5e5e;*/
  color: #fff;
  background-color: transparent;
  font-weight:bolder;
  /*font-size: 12px !important;
  font-family: 'Ruda', sans-serif !important;*/
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  /*color: #fcebea;*/
  /*background-color: transparent;*/
  background-color: #afafaf;
  font-weight:bolder;
  /*font-size: 12px !important;
  font-family: 'Ruda', sans-serif !important;*/
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /*color: #555;
  background-color: #e7e7e7;*/
   color: #333;
   background-color: #afafaf;
   font-weight:bolder;
   /*font-size: 12px !important;
   font-family: 'Ruda', sans-serif !important;*/
}


.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  /*font-weight: bolder;*/
  line-height: 20px;
  /*font-size: 12px !important;
  font-family: 'Ruda', sans-serif !important;*/
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 1px;
  border: 1px solid transparent;
}

.form-control {

font-weight: bold !important;/*JCL improvement*/
font-size: 12px !important;/*JCL improvement*/
border: 1px solid #428bca !important;/*JCL improvement*/
}

.select2-container--default .select2-selection--single {
         
border: 1px solid #428bca !important;/*JCL improvement*/

}

body {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-family: 'Ruda', sans-serif;*/
  color:#797979;
  font-size: 12px !important;
  font-family: 'Ruda', sans-serif !important;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  font-weight: bold !important;/*JCL improvement*/
}

.label-middle {
   /*padding-top:5px;*/
}

.padLine 
{
    /*float: left;*/
	display:block; 
	height:3px;
}