/* iPhone layout: 320px to 480px. Mobile Layout */

/* Size change indicator in blue */
.rTble {
	margin: 15px;
}

.musatbl {
	max-width: 55px;
}

#roastUPDATE {
	text-align: center;
}
#percLoss {
	text-align: center;
	min-width: 500px;
	width: auto;
}
.musatbl th, td {
   border: 1px solid black;
   padding: 1px;
}

.musatbl input[type="text"] {
	font-size:small;
	width:45px;
	height: 100%;
	margin: 3px;
	background-color: none;
}
.musatbl input, textarea {
  background-color: transparent;
  border: none;
  text-align: center;
}

.mtbleEvts {
	width: 130px;
}

.mtbleEvts input[type="text"] {
	font-size:small;
	width:128.5px;
	height: 100%;
	margin: 0px;
	background-color: none;
}
.mtbleEvts input, textarea {
  background-color: transparent;
  border: none;
  text-align: center;
}



/****** ACCORDION STYLE START ******/
.musa-accordion {
	background-color: #c0c0c0;
	color: #444;
	cursor: pointer;
	padding: 12px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	margin-top:2px;
}
.panel .musa-accordion{
	background-color: #d7d7d7;	
	margin-top:0px;
}

.musa-accordion .active, .musa-accordion:hover {
  background-color: #15B89E; 
}

.panel {
  padding: 0 10px 10px 10px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.trsfNotes {
	display:inline-block;
	margin-bottom: 15px;
	width:100%;
}
.trsfNotes input{
	text-align: left;
	margin-bottom:5px;
}
#musaID, #coffID, #kgsRegID, #kgsLeftID, #bodega {
	width:100%;
}
.greenTrsfAmt {
	width:65px;	
}
.bodList, .bodPos, .bodLocA, .bodLev {
	height: 30px;
	background-color: #ffffff;
	margin:3px;
}
.bodList {
	width: 100%;
}
.bodPos, .bodLocA, .bodLev {
	width: 45%;
}

.confirmTsfrBtn {
	width: 100%;
	height:50px;
}
.trsBtnCont {
	width:100%;	
}
.is-rNotes {
	padding:8px;
	width: 100%;
}

/****** ACCORDION STYLE END ******/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {	
	.bodPos, .bodPosA, .bodLev {
		min-width: 50px;
		width:auto;
	}
	.musa-accordion {		
		margin:1px;
	}
	.panel {
	  padding: 0 18px 10px 18px;
	  display: none;
	  background-color: white;
	  overflow: hidden;
	}
	.bodList {
		width: 180px;
	}
	#bodega, .trsfNotes {
		width:150px;
	}
	#musaID, #coffID {
		width:140px;
	}
	#recDate {
		width: 100px;
	}
	.posLev {
		width: 170px;
	}
	.trsBtnCont {
		width:200px;	
	}
	#kgsRegID, #kgsLeftID {
		width:75px;
	}
	.trsfNotes input{
		margin-bottom:0px;
	}
	
}


/* Desktop Layout: 769px to a max of 1920px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	
}