/*--------------------------------------------------------------
# Responsive Laptop
--------------------------------------------------------------*/

@media all and (max-width: 1280px) { 



h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.7em;
}


}


/*--------------------------------------------------------------
# Responsive Big Tablet
--------------------------------------------------------------*/

@media all and (max-width: 980px) { 


h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
}

section {
	padding: 25px;
}

table.dataTable thead tr th, table.dataTable tbody tr td {
	font-size: 90%;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  display: none
}


table.dataTable .jobStatus{
	display: none;
}

table.dataTable .totalJobs {
	display: none;
}

table.dataTable.customerTelephone {
	display: none;
}


table.dataTable .nextVisit {
	white-space: nowrap;
}


.db--navigation {
	padding: 15px 25px;
}

.db--title ul.actions {
	display: none;
}

.db--sub-title ul.db--vehicle--summary li:first-child {
	padding: 5px 10px 5px 0;
}


.db--status .key {
	justify-content: start;
}

.db--status .key ul li:first-child {
	padding: 0 10px 0 0;
}

.db--sub-title ul.db--vehicle--summary li span.registration {
	font-size: 80%;
}

.db--customer-container form .db--customer-data .tab--container .tab--content.col-3 {
	grid-template-columns: repeat(2, 1fr);
}

.db--customer-container form , .db--customer-container form {
	grid-template-columns: 150px 1fr;
}

.db--images {
	grid-template-columns: repeat(4, 1fr);
}

.db--overview-jobs {
	padding: 25px;
}

.db--review form .container {
	grid-template-columns: repeat(2, 1fr);
}

.db--review form .container .field.col_2 {
	grid-column: 1 / 3;
}

.db--upload form {
	grid-template-columns: repeat(2, 1fr);
}


.db--upload form .text {
	grid-column: 1 / 3;
}

.db--filter, .db--activity-filter {
	grid-template-columns: repeat(2, 1fr);
}

.db--search.jobs {
	grid-column: 1 / 3;
}


 
}

/*--------------------------------------------------------------
# Responsive Small Tablet
--------------------------------------------------------------*/

@media all and (max-width: 768px) { 



h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.3em;
}

.p15 {
	padding: 12.5px;
}

.db--auth {
	grid-template-columns: 1fr 2fr;
}


.db--navigation ul.account li.menu-item-mobile-menu-btn {
	display: inline-block;
}

.db--navigation ul li.menu-item-support, .db--navigation ul li.menu-item-logout, .db--navigation ul li.menu-item-website {
	display: none;
}


.db--status .title {
	display: grid;
}

.db--status .key {
	display: grid;
	grid-gap: 5px;
	justify-content: normal;
}

.db--status .key small , .db--status .key select {
	display: block;
}

.db--status .key ul {
	display: none;
}

.db--status .key select {
	display: grid;
	box-sizing: border-box; 
	height: 35px;
	color: #222;
	margin: 5px 0;
}

.db--title span.col_2 span.account ul li.website {
	display: none;
}


.db--customer-container form {
	grid-template-columns: 1fr;
}

.db--vehicle-menu .db--vehicle-tabs ul{
	grid-template-columns: repeat(2, 1fr);
}

.db--vehicle-action ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.db--customer-container form .db--customer-menu .db--customer-action {
	margin:25px 0 10px 0;
}



.db--customer-container form .db--customer-menu .db--customer-tabs ul li button {
	text-align: center;
}

.db--upload {
	position: relative;
	grid-template-columns: 1fr;
}


.db--images {
	grid-template-columns: repeat(3, 1fr);
}

.db--webhooks table tbody tr td, .db--webhooks table thead tr th {
	font-size: 80%;
}

.db--webhooks table thead tr th:nth-child(2), .db--webhooks table tbody tr td:nth-child(2) , .db--webhooks table thead tr th:nth-child(6), .db--webhooks table tbody tr td:nth-child(6) {
	display: none;
}


table.dataTable thead th.modified, table.dataTable tbody tr td.modified, table.dataTable thead th.vrm, table.dataTable tbody tr td.vrm, table.dataTable thead th.status, table.dataTable tbody tr td.status, table.dataTable thead th.price, table.dataTable tbody tr td.price, table.dataTable thead th.mileage, table.dataTable tbody tr td.mileage {
	display: none;
}

td span.description-container span.vehicle ul.description li span.mobile {
  display: inline-block;
}

td span.description-container span.vehicle ul.description {
	font-size: 80%;
}

.db--overview-jobs {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
}

.db--overview {
	grid-template-columns: 150px auto;
}

.db--overview-jobs .item .totalJobs {
	font-size: 2em;
}

.db--vehicle-search .vrm--input {
	grid-template-columns: 1fr;
}

.db--vehicle-search .vrm--input .vrm--lookup form {
	grid-template-columns: 1fr;
}

.db--vehicle-search .vrm--output {
	min-height: 50px;
}

/* Leads */



table.dataTable thead tr th.subject, table.dataTable tbody tr td.subject, table.dataTable thead tr th.customerEmail, table.dataTable tbody tr td.customerEmail, table.dataTable thead tr th.customerPostcode, table.dataTable tbody tr td.customerPostcode {
	display: none;
}

.db--message ul li {
	grid-template-columns: 130px auto;
}

/* Analytics */

.db--analytics form.date {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.db--analytics form.date button {
	grid-column: 1 / 3;
}

/* Form */

.db--customer-tabs ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.db--customer-container form .db--customer-data .tab--container .tab--content.col-2, .db--customer-container form .db--customer-data .tab--container .tab--content.col-3 {
	grid-template-columns: 1fr;
}


/* Reports Graph */

.db--reports-graph {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
}

.db--reports-graph .graph.full {
	grid-column: 1 / 2;
}

}

/*--------------------------------------------------------------
# Responsive Mobile Landscape
--------------------------------------------------------------*/


@media all and (max-width: 520px) { 


h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.2em;
}

section {
	padding: 25px 15px;
}

.p15 {
	padding: 10px;
}


.db--navigation {
	grid-template-columns: 35px 1fr auto;
}


.db--account.notice p {
	padding: 5px 15px;
	font-size: 80%;
}

.db--auth {
	grid-template-columns: 50px 1fr;
	grid-gap:0;
	overflow-x: hidden;
}

.db--auth .db--login .branding i {
	font-size: 4em;
}

.db--auth .db--login.form form .form-group {
	padding: 0 25px;
}

.db--navigation {
	padding: 15px;
}


.db--title span.col_2 span.account ul {
	font-size: 70%;
}

td span.description-container {
	grid-template-columns: 70px 1fr;
}

td span.description-container span.vehicle span.description {
	font-size: 80%;
	line-height: 1.3em;
}

.db--vehicle-container form .db--vehicle-data .tab--container .tab--content.col-3, .db--account-container form .db--account-data .tab--container .tab--content.col-3 {
	grid-template-columns: 1fr;
}

.db--vehicle-container form .db--vehicle-data .tab--container .tab--content.col-4, .db--account-container form .db--account-data .tab--container .tab--content.col-4 , .db--account-container form .db--account-data .tab--container .tab--content.col-2{
	grid-template-columns: 1fr;
}

.db--vehicle-container form .db--vehicle-data .tab--container .tab--content.datafeeds .provider {
	grid-template-columns: 35px auto;
}

.db--vehicle-container form .db--vehicle-data .tab--container .tab--content.datafeeds .provider p.description {
	font-size: 80%;
}

.db--vehicle-container form .db--vehicle-data .tab--container .tab--content.datafeeds .provider p.website {
	font-size: 70%;
}

.db--webhooks table tbody tr td, .db--webhooks table thead tr th {
	font-size: 50%;
	padding: 5px;
}

table.dataTable thead tr th.customerTelephone, table.dataTable tbody tr td.customerTelephone {
	display: none;
}

table.dataTable thead tr th.location, table.dataTable tbody tr td.location {
	display: none;
}

table.dataTable thead tr th.title, table.dataTable tbody tr td.title {
	display: none;
}

table.dataTable thead tr th.quotationTotal, table.dataTable tbody tr td.quotationTotal {
	display: none;
}

table.dataTable thead tr th.logId, table.dataTable tbody tr td.logId {
	display: none;
}

table.dataTable thead tr th.agreementPaymentCycle, table.dataTable tbody tr td.agreementPaymentCycle {
	display: none;
}

table.dataTable thead tr th.fileUploaded, table.dataTable tbody tr td.fileUploaded {
	display: none;
}

table.dataTable thead tr th.jobVisitNumber, table.dataTable tbody tr td.jobVisitNumber {
	display: none;
}

table.dataTable thead tr th.userEmail, table.dataTable tbody tr td.userEmail {
	display: none;
}


table.dataTable thead tr th.taskCustomer, table.dataTable tbody tr td.taskCustomer {
	display: none;
}

table.dataTable thead tr th.taskPriority, table.dataTable tbody tr td.taskPriority {
	display: none;
}


table.dataTable thead tr th.markerNotes, 
table.dataTable tbody tr td.markerFloorLevel, 
table.dataTable thead tr th.markerStatus, 
table.dataTable thead tr th.markerFloorLevel,
table.dataTable tbody tr td.markerStatus  {
	display: none;
}

table.dataTable thead tr th.acivityPests, table.dataTable tbody tr td.acivityPests {
	display: none;
}

table.dataTable thead tr th.activityFloorLevel, table.dataTable tbody tr td.activityFloorLevel {
	display: none;
}

table.dataTable thead tr th.activityMarkerId, table.dataTable tbody tr td.activityMarkerId {
	display: none;
}

.dataTable{
	overflow: scroll;
}



.db--status {
	grid-template-columns: repeat(2, 1fr);
}

.db--review form .container {
	grid-template-columns: 1fr
}

.db--review form .container .field.col_2 , .tab--content.col-2 .field.full, .tab--content.col-3 .field.full{
	grid-column: 1 / 2;
}

.db--analytics form.date .field {
	display: grid;
	grid-template-columns: 1fr;
}

.db--analytics form.date button {
	grid-column: 1 / 3;
}

.db--upload form  {
	grid-template-columns: 1fr;
}
.db--upload form .text {
	grid-column: 1 / 2;
}


#accounts {
	min-height: initial;
}

.db--sub-title .db-sub-menu ul li {
	font-size: 80%;
}

.db--filter, .db--activity-filter {
	grid-template-columns: 1fr;
}

.db--data {
	overflow: auto;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.db--reports-overview {
	padding: 25px;
}

.db--sub-title.col-2 {
	grid-template-columns: 1fr;
	grid-gap: 15px;
	text-align: left;
}

.db--sub-title .db-sub-menu {
	justify-content: start;
}

.db--sub-title .db-sub-menu ul li {
	text-align: left;
	padding: 0;
}

.db--message-container .field--content.col_2 , .db--message-container .field--content.col_3{
	grid-template-columns: 1fr;
}

}

/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/


@media print {

body {
	color:#000 !important;
}

header, .db--title {
	display: none;
}

@page {
    margin: 1cm;
    size: A4;
}

.db--reports-overview {
	padding: 25px;
	background-color: #fff;
	color:#000;
}

.db--reports-overview .item .month, .db--reports-overview .item .total {
	color:#000;
}

.db--reports-graph {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}

.db--reports-graph .graph.full {
	grid-column: 1 / 3;
}

.db--overview-jobs  {
	padding: 25px;
}

canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
  }