@media print
{
.noprint {display:none;}
.yesprint {display:block;}
.printfont {font-size:150%;}

hr{border-top: 1px solid rgba(0, 0, 0,1);}

.droptest1 {border: 1px solid rgba(128, 128, 128,1);}
.border {border: 1px solid rgba(255, 0, 0,1);}

.logo {
        max-width : 90%;
        height : auto;
    }
}

@page  
{ 
  size: auto;
  margin: 5mm 5mm 5mm 5mm;  
} 

body  
{ 
  margin: 0px;  
} 

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

body {
  background: #fafafa;
  color: #343a40;  
}

h2, h3, h4, h5, h6 {
  color: #444444;
}

ul {
  margin: 0;
}

.bg-steel {
  background-color: #282828;
}

.site-header .navbar-nav .nav-link {
  color: #cbd5db;
}

.site-header .navbar-nav .nav-link:hover {
  color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
}

a.article-title:hover {
  color: #428bca;
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.account-heading {
  font-size: 2.5rem;
}


.listview{
	font-size: calc(60% + 0.5vw );
	padding:10px;
	background: #f5f5f5;
}

h1{
  font-size: calc(100% + 1.8vw );
}

.detail{
  writing-mode: vertical-lr;
  text-orientation: upright;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);
}

.navbar-nav{
  flex-direction: row;	
}

.navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.media-body {
	padding:10px;
	background: #f5f5f5;
}

.listview .border
{
	background: #fff;
}

.detailview{	
	padding:10px;
	background: #f5f5f5;
}

.detailview .border
{
	background: #fff;
}

.dailyproduction
{
	width:50px !important;
	max-width:130px !important;
	padding: 0px !important;
	text-align: center;
}

.dailyproduction select{
	width:130px !important;
}
.dailyproduction input{
	width:50px !important;
}

/* Daily Inspection Report */
.dailyinspection1 select{
	width:130px !important;	
}

.dailyinspection2 select{
	width:80px !important;	
}

.dailyinspection3 select{
	width:80px !important;
}

.dailyinspection4 input{
	width:120px !important;	
}

.dailyinspection5 input ,.dailyinspection6 input,.dailyinspection7 input,.dailyinspection8 input,.dailyinspection9 input,.dailyinspection10 input{
	width:65px !important;
}

.dailyinspection11 select{
	width:80px !important;
}

.dailyinspection12 select{
	width:120px !important;
}
.dailyinspection13 select{
	width:120px !important;
}

.itemcode input ,.itemcode select{
	width:100% !important;
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; 
  margin: 0; 
}

.container2{
	min-width:1700px !important;
}

.nowrap .row{
  flex-wrap: unset;
}

.horizontal-scrollable{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  padding:10px;
}

.parts input{
  width:100%;
}	

.parts input[type=submit]{
  width:100px;
}			
	
.totalproductionitem{
	color: #007bff;
  text-decoration: none;
}

.totalproductionitem:hover {
  text-decoration: underline;
	cursor: pointer;
}


.ct-shadow {
  box-shadow: 10px 10px 9px rgba(0, 0, 0, 0.3);
}

.bt-shadow {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}

.tx-shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

h1 {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}