/* Global Styles */

html, body {
  height: 100%;
  margin:0 auto 0px auto;

}


.txtLogin{
    width:180px;
    height:24px;
    border:1px solid #666;
    text-align:left;
    padding:0 3px;
}

input[type="text"]{
    height:24px;
    border:1px solid #666;
    text-align:left;
    padding:0 3px;
}

textarea{
    border:1px solid #666;
    text-align:left;
    padding:0 3px;
}

.gridPaging
{
    background-color:#f0f0f0;
    color:#000000;
}

.gridPaging td{
    padding:0 5px;
}

#toolbar a, a:visited{
    text-decoration:none;
        color:#333;
}

#toolbar a:hover{
        color:#0b588b;
}

#toolbar .fa{
    font-size:18px;
}


body {
    padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.cpframe {
	border: solid 1px #ddd; 
	background-color:#FFFFFF;
    padding:10px;
}

.cptitle {
    font-weight:bold;
    padding:10px;
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
}


.table-clear {
  border: 0px solid #ddd;
  width:100%;
}
.table-clear > thead > tr > th,
.table-clear > tbody > tr > th,
.table-clear > tfoot > tr > th,
.table-clear > thead > tr > td,
.table-clear > tbody > tr > td,
.table-clear > tfoot > tr > td {
  border: 0px solid #ddd;
}

hr.soften {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  border: 0;
  margin:5px;
}

.username{
    font-size:12px;
}

.text-control{
    font-size:12px;
}

.loginjumbotron {
   position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  
}

.tbBar
{ }

.tbBar tr
{
	vertical-align: middle;
}

.tbColumn
{
	padding: 0px 2px 2px 2px;
	width: 20px;
}

.tbColumn:hover
{
	color:#4c6bc1;
	
}

.tbColumn A
{
	color: #000000;
	font-weight: normal;
	padding:0px 0px 4px 2px;
	text-decoration: none;
}

.tbColumn A:hover
{
	color:#4c6bc1;
}

@media (max-width: 768px){
.scrollDiv{
   overflow:scroll;
}
}

@media (min-width: 768px){
.loginBorder{
    border:solid 1px #000;
  margin:-30px;
  padding:10px;
}
}

@media (max-width: 920px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.errorlabel{
    color:red;
}

/** Data Pager **/
.pgBar
{
	
    border-top: solid 1px #ddd;
	color: #697e47;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color:White;
}

.pgFindPage
{
	color: #697e47;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
}

.pgFindNumber
{
	color: #697e47;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.copyright-section {
    padding: 10px 0;
	font-size: 9px;
	letter-spacing: 1px;
    border-top: 1px solid rgba(255,255,255,.06);
}

.copyright-section p {
	font-size: 9px;
	text-transform: uppercase;
    color:white;
}

.nav-tabs > li.static > a,
.nav-tabs > li.static > a:hover,
.nav-tabs > li.static > a:focus  {
  color: #555;
  cursor: auto;
  background-color: #fff;
  padding-left:20px !important;
  padding-right:20px !important;
}

.nav-tabs > li.static > a.selected,
.nav-tabs > li.static > a.selected:hover,
.nav-tabs > li.static > a.selected:focus  {
  color: #000;
  cursor: auto;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-bottom-color: transparent !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

.myform
{
    padding:10px;
}

.searhform
{
    width:95%;
}

.row{
    padding-bottom:10px !important;
}

.checkBoxList > tbody > tr > td > label{
    font-weight:normal !important;
    padding-left:3px !important;
    padding-right:10px !important;
}

/***** Update Progress  ****/
.progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 10000;
}

.progressBox
{
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	z-index: 10001;
	background-color: #ffffff;
	border: solid 1px #000000;
}

.progressText
{
	font-family:Verdana, Arial;
	color:#000000;
}

.downloadProgressBox
{
	background-color: #b7b6b6;
	font-family:Verdana, Arial;
	color:#000000;
}
/***** Update Progress  ****/

/***** Modal Popup ****/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
/***** Modal Popup ****/
.ui-autocomplete {
    max-height: 250px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}