/* YOUR CUSTOM STYLES */
@media (max-width: 575px) {
    body{font-size: 10px;}
}

@media (max-width: 767px) and (min-width: 576px){
    body{font-size: 12px;}
}

@media (min-width: 768px) {
    body{font-size: 14px;}
}
/*
body {
	padding: 10px;
}
*/

#map {
	height: 800px;
	width: 100%;
}

/* Colours */
.repintel-blue {
	color: #3333cc;
}

.bgfa-bg {
	background-color: #ffeeee;
}

table.customer-table {
	width: 100%;
}
table.customer-table th,
table.customer-table td,
table.customer-table tr,
table.customer-table thead,
table.customer-table tbody {
	display: block;
}

table.customer-table thead tr {
	width: 100%;
}
table.customer-table tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

table.customer-table tbody {
    height: calc(100vh * .8);
    overflow-y: auto;
    overflow-x: hidden;
}

table.customer-table tbody td,
table.customer-table thead th {
    /*width: 19%;*/
    float: left;
}


.page-title {
	font-size:	2.5rem;
	font-weight:	300;
	display: inline-block;
	vertical-align: middle;
	color: #3333cc;
}
.box-border {
	border-style: solid; 
	border-width: 1px; 
	border-color: lightgray;
	padding-top: 5px;
	margin-bottom: 5px;
}

.order-items {
	font-size: 0.8em;
}
.login-form {
	padding-top: 30px;
}

#styleList {
    width: 12em;
    height: 10em;
    line-height: 1em;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
}

/* Bootstrap overrides */
/* .select-wrapper input.select-dropdown {
	margin-top: 5px;
	height: 3rem;
}*/

.side-nav {
	color: black;
}
.side-nav .logo-wrapper {
    height: 125px;
}
.side-nav .collapsible a {
	 font-weight: 300;
	 font-size: 0.9rem;
}
.side-nav .collapsible .collapsible-header {
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: solid;
	border-width: 1px;
	border-color: lightgrey;
	padding-top: 10px;
	height: 30px;
	line-height: 20px;
	font-size: 1.1rem;
}

.side-nav .collapsible-body a {
	padding-left: 30px;
	height: 15px;
	line-height: 15px; 
}

textarea.md-textarea {
	height: 6.1rem;
  font-size: 0.875rem;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0;
  font-size: 0.8rem;
  border-radius: 0.1rem;
}

.side-nav .collapsible-body li {
	padding-bottom: 10px;
}
/*
#customerFilterInput {
  background-image: url('/style/img/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
*/