input[type="file"] {
background: transparent;
}
.custom-file-upload {
    border: 1px solid #ccc;
    cursor: pointer;
}

.upload-btn{
  border: 0px solid #ccc;
  cursor: pointer;
  color: #FFF;
  font-weight: bold;
  background: #ec6367;
  padding: 10px;
  text-decoration: none !important;
  font-family: "Open Sans",Arial,sans-serif;
}
form.upload-form input,  form.upload-form .custom-file-upload {
    padding: 12px 10px;
    margin: 7px;
    width: 250px;
}

.upload-file
{
  width: 100% !important;
  height: 100px;
}

.nav-tabs
{
  border: 0 !important;
}

.oneInfo
{

}

#left-area
{
  width: 100% !important;
}

#tabs
{
  background-color: #f0f0f5;
  font-family: 'kollektif';
  padding-bottom: 50px;
  padding-top: 50px;
}

body
{
  background-color: #f0f0f5;
}
.oneThing
{
  box-shadow: 0 1px 7px rgba(84, 75, 75, 0.2);
    -moz-box-shadow: 0 1px 7px rgba(84, 75, 75,0.2);
    -webkit-box-shadow: 0 1px 7px rgba(84, 75, 75, 0.2);
    margin: 6%;
    margin-top: 3%;
    margin-bottom: 3%;
    background-color: white;
	  font-size: 16px !important;
    font-family: 'kollektif' !important;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px !important;
}

.nav-item
{
  font-size: 17px !important;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tableElement
{
  width: 19%;
  margin-right: 1%;
  padding-top: 8px;
  padding-bottom: 8px;
  float: left;
  overflow-x: hidden;
  white-space: nowrap;
}

.orderContainer
{
  width: auto !important;
	margin: 20px;
	max-height: 300px;
  overflow: hidden;
	overflow-y: scroll !important;
  padding: 2%;
  border: 1px solid gray;
}

.topContainer
{

}

.averageSales
{
  width: 40%;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  padding: 2%;
  float: left;
  height: 220px;
  overflow: hidden;
}
.leftAve
{
  border-left: 1px solid #F0F0F0;

}
.rightAve
{
  width: 20%;
}

.testing:hover
{
  color: #ffa34a !important;
}

.disappear
{
  display: none;
}