/** 
 * The design in this style sheet has been applied to the whole application.
 * @copyright 
 * @license 
*/

.alert-message{
	text-align:center;
	color:#900;
	padding-bottom:15px;
}
.rowhead{
	font-weight:bold;
	padding-bottom:8px;
	padding-top:8px;
	color:#ffffff;
	background-color:#6e73ce;
}
.rowpaging{
	padding-bottom:8px;
	padding-top:8px;
	background-color:#E4E6F3;
	border-bottom:1px solid #ccc;
	height:35px;
}
.rowhead, .rowgrid, .rowpaging, .rowbutton{
	width:100%;
	margin:auto;
}
.rowadd{
	text-align:left;
}
.rowpaging{
	text-align:right;
}
.rowgrid{
	overflow-x:auto;
}
input[type=text], select, input[type=password] {
    width: 100%;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.rowform{
	margin: 10px 0;
}
 .searchform input[type="submit"] ,.searchform input[type="button"]  {
	margin:0 !important;
} 
.searchform input[type=text], .searchform  select{
	margin-top:8px !important;
}
.searchform{
	margin:25px 0 5px 0;
}
.labeltxt{
	margin-top:12px !important;
}
input[type=radio], input[type=checkbox]{
    margin-top: 10px;
}
input[type=submit], input[type=button]{
    width: 100%;
    color: #fff;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
}
.btn-login{
    background-color: #0B164A;
}
.btn-green
{
	background-color:#47BE7A;
}
.btn-red
{
	background-color:#F0694B;
}
.btn-brown
{
	background-color: #846224;
}
.btn-yellow
{
	background-color:#F5B500;
}
.btn-add{
	padding-left:0px;
}
table {
	background-color: #FFFFFF;
	border: none;
	color: #495E49;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}
table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

table caption {
	background-color: transparent;
	color: #67BD2A;
	font-family: Georgia, serif;
	font-size: 24px;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}
table, td, th {
	margin: 0;
	padding: 0;
}

tbody td, tbody th {
	padding: 8px;
}
tbody tr.odd th, tbody tr.odd td {
	background-color: #C8EDAE;
	border-bottom: 2px solid #67BD2A;
}
tbody tr:hover td, tbody tr:hover th {
	background-color: #BAE899;
}
td, th {
	vertical-align: middle;
}
tfoot td, tfoot th {
	font-weight: bold;
	padding: 4px 8px 6px 9px;
}
thead th {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 8px 2px 8px;
	white-space: nowrap;
}
.container{
	background-color:#ffffff;
	border:1px solid #cccccc;
}
.frmlogin, .header{
	border:none;header
}
.jumbotron{
	background-color:#ffffff;
}
body, .footer{
	background-color:#f7f7f7;
}
.jumbotron{
	padding-bottom:10px;
	padding-top:10px;
}
.headertxt{
	font-size:30px;
	text-align:right;
	padding:10px;
}
a:focus, a:hover{
	color:#0B16A4;
	text-decoration:underline;
}
a{
	color:#0B16A4;
}
.navbar-inverse{
	background-color:#0B16A4;
	border-color:#0B16A4;
}
.div-btn{
	margin-top:30px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
	background-color:#0d1edb;
}
.navbar-inverse .navbar-nav > li > a{
	color:#ffffff;
}
.list-title{
	font-size:20px;
	padding-left:30px;
	padding-bottom:5px;
}
.container{
	width:95%;
}
.paging{
	background-color:#ffffff;
	padding:5px 8px 5px 8px;
}
.paging-active{
	background-color:#0B16A4;
	padding:5px 8px 5px 8px;
	color:#ffffff;
}
input[readonly="readonly"] {
      border:1px solid #e3e3e3;
	  background-color:#e3e3e3;
	  color:#000000;
}

/*.rowgrid:nth-child(odd) { background: #f8f8f8; }
*/.col-nopadding{padding:0;}
.col-bottom-padding{padding:0 0 0 5px;}

@media screen and (max-width: 487px) {
.site-branding {
    background-image: url("../images/logo-small.png");
	width:350px;
	height:37px;
	background-repeat:no-repeat;
 }
.frmlogin{
	max-width:90%;
}  
} 
@media screen and (min-width: 487px) and (max-width: 1079px) {
.site-branding {
    background-image: url("../images/logo-small.png");
	width:350px;
	height:37px;
	background-repeat:no-repeat;
 }
.frmlogin{
	max-width:50%;
}  
}
@media screen and (min-width: 1080px) {
.site-branding {
    background-image: url("../images/logo-big.png");
	width:518px;
	height:55px;
	background-repeat:no-repeat;
 }
.frmlogin{
	max-width:30%;
} 
}
/* 	For user grid  */
#table-grid table { 
	width: 100%; 
	border-collapse: collapse; 
}
/* Zebra striping */
#table-grid tr:nth-of-type(even) { 
	background: #f8f8f8; 
}
#table-grid th { 
	background: #6e73ce; 
	color: white; 
	font-weight: bold; 
	padding-top:8px;
	padding-bottom:8px;
}
#table-grid tr{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.columnwithborder td{
	border:1px solid #eee;
}
/* For Reports */
.container-report, .rowgrid-report{
	width:96%;
}
.container-report{
	padding-right:5px;
	padding-right:5px;
	border:0;
}
#tr_report_head {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
#tr_report_head th{
	padding-top:15px;
	padding-bottom:15px;
}
.reportheading{
	font-weight:bold;
}
/**  For Print popup **/
.table-withborder th, .table-withborder td{
	border:1px solid #000;
}
/** For Punch In/ Out Entry screen **/
.bootstrap-timepicker-widget table td input{
	width:30px;
}
/** For time picjer **/
.ui-timepicker-standard a{
	padding:0 !important;
}
.ui-timepicker-standard{
	font-size:0.8em;
}
.ui-timepicker{
	text-align:left;
}
textarea {
  resize: none;
}
textarea.details{
	background-color: #E3E3E3;
}