.panel-body th {
    font-weight:bold;
    margin:0;
}

.panel-body{
	width:100%;
}

.panel-default{
	text-align:center;
}

.login_text{
	color:maroon;
}

.panel-body li {
    list-style:none;
    padding:5px 0px 5px 0px;
    margin:0;
    font-size:15px;
}

/*PDF, CSV ETC...*/
.dt-buttons{
    padding:10px;
    width:100%;
}

#productModal {
    font-size:16px;
}

.modal-open .modal {
    font-size:16px;
    position:absolute;
    bottom:5px;
    top:5px;
    left:5px;
    right:5px;


}

.modal-body {
    font-size:16px;
}

.form-control {
    font-size:16px;
}

.ma_header {
    border:1px;
    border-color:white;

}

.navbar-inverse {
    background-image: -webkit-linear-gradient(#9d2036, #8f1e32 60%, #701827);
    background-image: -o-linear-gradient(#9d2036, #044687 60%, 701827);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9d2036), color-stop(60%, #5a1320), to(#5a1320));
    background-image: linear-gradient(#9d2036, #8f1e32 60%, #5a1320);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
    -webkit-filter: none;
    filter: none; 
	color:#fff;
}

.btn-info {
  color: #ffffff;
  background-color: #9d2036;
  border-color: #9d2036;
}

.navbar-header{
	color:#fff;
	text-decoration-color: #fff;
}




.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  background-color: none;
}
.navbar-default .navbar-text {
  color: #dddddd;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #360a12;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #360a12;
}


th { 
	white-space: nowrap; 
	text-align:center;
}

tr{
	text-align:center;
}


	
/* div.container { max-width: 1400px } */


#timesheet_data{
	width:100%;
}



.modal-dialog{

}

.modal-body{

}



.header_background{
	background:#9d2036;
	width:100%;
	height:160px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.centered_logo{
	width:15%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-content: center;
	align-items: center;
}




#logo_header{

	width:100%;

	text-align: center;
	justify-content: center;
	align-content: center;
	align-items: center;

}

.total_section{

}

.week_period{
	text-align: center;
	//background-color: #D3D3D3;
	color: #9d2036;
}


.panel-body{
	
}

h4{
	font-size:16px;
}

.navbar-brand{
	font-size:15px;
}


.well{
	text-align:center;
}



body.modal-open {
		position:fixed;
		z-index:1050;
		max-height:800px;
		overflow:auto;
		width:auto;
		background-color:#fff;
		border:1px solid #999;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		-webkit-background-clip:padding-box;
		-moz-background-clip:padding-box;
		background-clip:padding-box;

	  }

tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }


@media only screen and (max-width: 768px) {
	
	  .centered_logo {
		width:40%;
	  }
	
	  #timesheet_data_info.dataTables_info{
		font-size: 10px;
	  }
	
	html, body{
		height:100%;
		width:100%;
	}
	  /*  FOR ADD RECORD MODAL, UPDATE RECORD - OPENS WRONG WITHOUT THIS CODE */
	  body.modal-open {
		position:fixed;
		z-index:1050;
		max-height:800px;
		overflow:auto;
		width:auto;
		background-color:#fff;
		border:1px solid #999;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
		-webkit-background-clip:padding-box;
		-moz-background-clip:padding-box;
		background-clip:padding-box;

	  }
	
	.total_section{
		display:none;
	}
	
	.title h2{
	font-size:14px;
	}

	.title h4{
		font-size:10px;
		color: #333;
		font-weight:bold;
	}
}

/* Hide header when running as an installed app */
@media (display-mode: standalone) {
  .site-header { display: none; }
}