/* Configure Default Font Sizes */
body {

	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444;
    text-align: left;

}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h3, .h3 {
    font-size: 1.53125rem;
}

.btn {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.form-control {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control.search-control {
	width: 90%;
}

.dropdown-item {
    font-size: 0.875rem;
}	

.sidebar .nav-item .nav-link span {
    font-size: 0.885rem;
}

.badge {
    font-size: 0.875rem;
}



.lobibox-notify {
	font-size:0.825rem; 
}

/* End Default Font Sizes */


/* Default Colours */
.bg-primary {
    background-color: 
    #057d9b !important;
    /* rgb(24, 138, 167) !important; */
    /* #506B8F !important; */
}

.btn-primary {
	background-color:#057d9b;
	border-color:#057d9b;
}


.navbar.bg-primary {
	/* background-image: linear-gradient(to right top, #057d9b, #026d87, #015d73, #004e60, #003f4e); */
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446E9B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #446E9B 50%,#3e648d); */
	/* border: 1px solid #345578; */

	background: rgba(5,125,155,1);
	background: -moz-linear-gradient(left, rgba(5,125,155,1) 0%, rgba(10,84,102,1) 70%, rgba(0,62,78,1) 88%, rgba(0,63,78,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,125,155,1)), color-stop(70%, rgba(10,84,102,1)), color-stop(88%, rgba(0,62,78,1)), color-stop(100%, rgba(0,63,78,1)));
	background: -webkit-linear-gradient(left, rgba(5,125,155,1) 0%, rgba(10,84,102,1) 70%, rgba(0,62,78,1) 88%, rgba(0,63,78,1) 100%);
	background: -o-linear-gradient(left, rgba(5,125,155,1) 0%, rgba(10,84,102,1) 70%, rgba(0,62,78,1) 88%, rgba(0,63,78,1) 100%);
	background: -ms-linear-gradient(left, rgba(5,125,155,1) 0%, rgba(10,84,102,1) 70%, rgba(0,62,78,1) 88%, rgba(0,63,78,1) 100%);
	background: linear-gradient(to right, rgba(5,125,155,1) 0%, rgba(10,84,102,1) 70%, rgba(0,62,78,1) 88%, rgba(0,63,78,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057d9b', endColorstr='#003f4e', GradientType=1 );
			
}


/* Vertically Align Text */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

a.plain:hover {
	text-decoration: none;
}

.card-header .fa {
	transition: .3s transform ease-in-out;
  }
  .card-header .collapsed .fa {
	transform: rotate(90deg);
  }

/* Use btn-bordered on checkbox toggles to add a border */
.btn-bordered { 
	border: 1px solid #acacac;
	border-radius: 6px;
}

.colFilter {
	
}


.form-divider {
	margin-top: 1.5rem;
	margin-bottom:5px;
	height:1px;
	width:80%;
	border-top:2px solid #E95900;
}

.redClass {
	color: #077c2e;
}

.mobile-margin-t-3 {
	margin-top: 20px;
	font-weight: bold;
}

.bg-login {
    background-color: #fee7b9 !important;
}

.card-login {
    max-width: 35rem;
}

.infoOnly {
	background-color: #c2e5eb !important;
	height: 39px !important;
	padding: 6px 12px !important;
}


.breadcrumb-item + .breadcrumb-item::before {
	content: "|";
  }
  
  
.navbar-top-border {
  border-top: 1px solid white;  
}

/* Remove the focus from the datatables pageinator */

.page-link:focus, .removefocus:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

/* Reduce the size of the right border for the DataTables header row */
.table.dataTable.table-sm > thead > tr > th {
	padding-right: 5px !important;
}

/* Set the header row colour for a DataTables table with an active filter */
.filterActive {
	background-color: #6d0000 !important;
	border-color: #b90808 !important;
	color: #fff !important;
	opacity: 0.9;
}

/* Set the min width for the datatables number of rows selector */
div.dataTables_length select {
    min-width: 60px;
}

/* Change the colour of a table row when hovered over  */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #fee7b9;
  }


/* 
Add an + and/or - Icon to the start of expandable rows 
Note this was taken from the official DataTables stylesheet at https://cdn.datatables.net/1.12.1/css/jquery.dataTables.css
*/  
table.dataTable td.dt-control {
text-align: center;
vertical-align: middle;
cursor: pointer;
}
table.dataTable td.dt-control:before {
height: 1em;
width: 1em;
/* margin-top: -9px; */
display: inline-block;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #31b131;
}
table.dataTable tr.dt-hasChild td.dt-control:before {
content: "-";
background-color: #d33333;
}

/* Set the background colour of the child row that holds the extra data*/
.extra-data  {
	background-color: #bbfae2 !important;
	pointer-events: none;pointer-events: none;
}

.pdfpreview {
	position: relative; 
}  
.pdfpreview img { display: block; }
.pdfpreview .fa-file-pdf { position: absolute; top:0; right:0; }
#pdfwarning {position: absolute; top:0; left:20px; padding:5px}
/* Change the font size for the tabs navigation elements */
.tc-tabs-style12 .nav-tabs li a {
	font-size: 0.875rem;
}

/* Sort some issues displaying DataTables pagination in a tab */
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	display: flex;
	list-style-type: none;
}

.bm-0 {
	margin-bottom: 0rem;
}

/* Form - Checkbox, Radio */

	.custom-control {
		padding-left: 2rem;
		margin-bottom: 1rem !important;
		-webkit-user-select: none;  
		-moz-user-select: none;    
			-ms-user-select: none;      
				user-select: none;
	}

	.custom-control-label {
		margin-bottom: 1rem;
		padding-left: 1rem;
	}



	.custom-control-label:before,
	.custom-control-label:after {
		width: 1.6rem;
		height: 1.6rem;
		top: 50%;
		margin-top: -.7rem;
	}

	.custom-control-label:before {
		border: 1px solid #ddd;
		background: #fff;
	}

	.custom-control-input:focus ~ .custom-control-label:before,
	.custom-control-input:active ~ .custom-control-label:before {
		background: #fff;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	.custom-checkbox .custom-control-label:before {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

	.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
	.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
		border-color: #E95420;
		background: #E95420;
	}

/* Form Toggle */

.custom-toggle {
	position: relative;
	-webkit-user-select: none;  
	   -moz-user-select: none;    
	    -ms-user-select: none;      
	        user-select: none;
}

.custom-toggle:before,
.custom-toggle:after {
	position: absolute;
	top: 50%;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -.65rem;
	font-size: .7rem;
	line-height: 1.6rem;
	text-align: center;
	color: #680505;
	z-index: 1;
}

.custom-toggle:before {
	content: attr(data-on);
	left: 0;
}

.custom-toggle:after {
	content: attr(data-off);
	left: 1.6rem;
	margin-left: -1px;
}

	.custom-toggle-input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
	
	.custom-toggle-btn {
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.2rem;
		height: 1.6rem;
		margin-top: -.7rem;
		border: 1px solid #ddd;
	}
	
	.custom-toggle-btn:after {
		position: absolute;
		content: "";
		top: -1px;
		left: -1px;
		width: 1.6rem;
		height: 1.6rem;
		z-index: 2;
		background: #ddd;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
		        transition: all .3s;
	}
	
	.custom-toggle-input:checked + .custom-toggle-btn {
		border-color: #E95420;
	}

	.custom-toggle-input:checked + .custom-toggle-btn:after {
		left: 1.6rem;
		background: #E95420;
	}
	
	.custom-toggle-label {
		position: relative;
		padding-left: 3.2rem;
		z-index: 2;
	}
	
	.custom-radio .custom-toggle-btn,
	.custom-radio .custom-toggle-btn:after {
		-webkit-border-radius: 1rem;
		   -moz-border-radius: 1rem;
				border-radius: 1rem;
	}
	
.custom-toggle-inline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 1rem;
}



.product-choice input[type="checkbox"],
.product-choice input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.product-choice label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
}
.product-choice label::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #8e44ad;
  border-radius: 4px;
  z-index: -1;
}
.product-choice input[type="radio"] + label::before {
  border-radius: 18px;
}
/* Checked */
.product-choice input[type="checkbox"]:checked + label,
.product-choice input[type="radio"]:checked + label {
  padding-left: 10px;
  color: #fff;
}
.product-choice input[type="checkbox"]:checked + label::before,
.product-choice input[type="radio"]:checked + label::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: #8e44ad;
}
/* Transition */
.product-choice label,
.product-choice label::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}



.hideMe {
	display: none;
}


.showMe {
	display: inline;
}


.pageBusy {
	visibility: hidden;
	background-color: rgba(255,255,255,0.7);
	position: fixed;
	z-index: 999999 !important;
	width: 100%;
	height:100%;
  }
  
  .pageBusy img {
	position: relative;
	top:35%;
	left:45%;
  }

  .primaryImage {
	position: absolute; 
	top: 6px; 
	right: 8px; 
	color:#7CFC00;
	background-color: darkmagenta;
	padding: 2px 6px 2px 6px;
	}

	.border-1 {
		border-width:1px !important;
	}
	
	.border-2 {
		border-width:2px !important;
	}
	
	.border-3 {
		border-width:3px !important;
	}
	
	.border-4 {
		border-width:4px !important;
	}
	
	.border-5 {
		border-width:5px !important;
	}
	
	.productImage {
		background-color: White;
	}

	.imageGallery {
		background-color: whitesmoke;
	}

	.productCard {
		background-color: cornsilk !important;
	}

	.hide-column {
		display: none!important;
		}


/* Background Colours  */

.bg-green
{	
	background-color: #138d75 !important;
}

.bg-lightgreen
{	
	background-color: #7dcea0 !important;
}

.bg-darkgreen
{	
	background-color: #0b5345 important;
}

.bg-orange
{	
	background-color: #e78732 !important;
}

.bg-lightorange
{	
	background-color: #f0b27a !important;
}

.bg-darkorange
{	
	background-color:  #fa6e10 !important;
}

.bg-lightred
{	
	background-color:  #fd6a6a !important;
}

.bg-red
{	
	background-color:  #b90808 !important;
}

.bg-darkred
{	
	background-color:  #7e0505 !important;
}

.bg-blue
{	
	background-color: #044b7a !important;
}

.bg-lightblue
{	
	background-color: #3498db !important;
}

.bg-darkblue
{	
	background-color: #053c61 !important;
}

.bg-purple
{	
	background-color: #6c3483 !important;
}

.bg-lightpurple
{	
	background-color: #b864da !important;
}

.bg-darkpurple
{	
	background-color: #250333 !important;
}

.bg-grey
{	
	background-color: #44494e  !important;
}

.bg-lightgrey
{	
	background-color: #8c9297  !important;
}

.bg-darkgrey
{	
	background-color: #272b30  !important;
}

/* @min-width:768px) */
.modal .modal-dialog.modal-bottom-left {
    bottom: 10px;
	left: 10px;
	border-radius: .125rem;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
	box-shadow: 0 5px 11px 0
	rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);	
}

th {
	color: rgb(43, 15, 168);
}


.modal-header {
	color: white;
	background: #09596D;
}

/* @min-width:768px) */

.modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    /* width: 400px; */
    margin: 0;
}

@media (min-width: 768px) {
	.modal-huge > .modal-dialog {
	  width: 90% !important;
	  max-width: 1200px !important; /* or 90% or whatever */
	}
  }

  
@media (min-width: 768px) {
	.modal-big > .modal-dialog {
	  width: 70% !important;
	  max-width: 1000px !important; /* or 90% or whatever */
	}
  }

.modal-dialog{
    position: relative;
    display: table; /* This is important */ 
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
	min-width: 600px;   
	max-width: 1150px !important;
}  

.text-center  {
	vertical-align: middle !important;
}


/* Invoices Table Column CSS */

#yadcf-filter--invoices_table-0 {
    width: 100px !important;
    max-width: 100px !important;
}


/* Delivery Table Column CSS */

#yadcf-filter--deliveries_table-0 {
    width: 100px !important;
    max-width: 100px !important;
}

#yadcf-filter--deliveries_table-1 {
    width: 120px !important;
    max-width: 120px !important;
}

#yadcf-filter--deliveries_table-5 {
    width: 120px !important;
    max-width: 140px !important;
}

#yadcf-filter--deliveries_table-6 {
    width: 120px !important;
    max-width: 140px !important;
}

#yadcf-filter--deliveries_table-7 {
    width: 110px !important;
    max-width: 110px !important;
}


#yadcf-filter--invoices_table-0 {
    width: 90px !important;
    max-width: 90px !important;
}

#yadcf-filter--invoices_table-2 {
    width: 160px !important;
    max-width: 160px !important;
}

#yadcf-filter--invoices_table-3 {
    width: 160px !important;
    max-width: 160px !important;
}

#yadcf-filter--invoices_table-5 {
    width: 160px !important;
    max-width: 160px !important;
}


#yadcf-filter--listings_table-1 {
    width: 100px !important;
    max-width: 100px !important;
}


#yadcf-filter--appliances_table-0 {
    width: 100px !important;
    max-width: 100px !important;
}

#yadcf-filter--appliances_table-5 {
    width: 140px !important;
    max-width: 140px !important;
}



#yadcf-filter--cust_appliances_table-0 {
    width: 100px !important;
    max-width: 100px !important;
}


#yadcf-filter--jobs_table-0 {
    width: 100px !important;
    max-width: 100px !important;
}

/* Use centerBlock to center an object within a table column.  For example the datatables yadcf input box */
.centerBlock {
	display: table;
	margin: auto;
  }


/* 
#yadcf-filter--invoices_table-1 {
    width: 40px !important;
    max-width: 40px !important;
}

#yadcf-filter--invoices_table-2 {
    width: 60px !important;
    max-width: 60px !important;
}

#yadcf-filter--invoices_table-3 {
    width: 60px !important;
    max-width: 60px !important;
} */


/* The following are required to allow the dropdown menus to flow outside of a responsive table.
This fixed an issue with the invoice sheet where only part of the dropdown menu was showing */
@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: inherit;
    }
}




/*************************************************************
 Smart Wizard Customisations - Begin
*************************************************************/
.sw-btn-next {
	background-color: #2F9143;
	border-color: #2F9143;
}


.sw-btn-next:hover {
	background-color: rgb(52, 116, 65);
	border-color: rgb(52, 116, 65);
}


.sw-btn-next:active {
	background-color: rgb(52, 116, 65) !important;
	border-color: rgb(52, 116, 65) !important;
}
/* #17a2b8 */

.sw-btn-next:focus {
	background-color: rgb(52, 116, 65);
	border-color: rgb(52, 116, 65);
}

/* Square Buttons */
.btn-sq-lg {
	width: 150px !important;
	height: 150px !important;
}
  
.btn-sq {
	width: 100px !important;
	height: 100px !important;
	font-size: 10px;
}
  
.btn-sq-sm {
	width: 50px !important;
	height: 50px !important;
	font-size: 10px;
}
  
.btn-sq-xs {
	width: 25px !important;
	height: 25px !important;
	padding:2px;
}
 
  
 /* Remove the pagination option on the 'Add Stock' wizard but retain the pagination functionalilty  */
 #stockwiz_step0_table_paginate {
	display: none !important;
	visibility: hidden;
} 


/*************************************************************
 Smart Wizard Customisations - End
*************************************************************/




/* Checkbox & Radio Customisations (Using Font Awesome 5 Free */

  /*General style*/
  .custom-checkbox label, .custom-radio label {
	position: relative;
    cursor: pointer;
    color: #666;
    font-size: 0.875rem;
  }
 .custom-checkbox input[type="checkbox"] ,.custom-radio input[type="radio"] {
    position: absolute;
    right: 9000px;
  }
   /*Custom checkboxes style*/
  .custom-checkbox input[type="checkbox"]+.label-text:before {
	position: relative;
	top: 4px;
    content: "\f0c8";
    font-family: "Font Awesome 5 Pro";
    speak: none;
	font-size: 1.3rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1.5em;
    display: inline-block;
	margin-right: 5px;
  }
  .custom-checkbox input[type="checkbox"]:checked+.label-text:before {
    content: "\f14a";
    color: #1dce3a;
    animation: effect 250ms ease-in;
  }
  .custom-checkbox input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
  }
  .custom-checkbox input[type="checkbox"]:disabled+.label-text:before {
    content: "\f0c8";
    color: #ccc;
  }

   /*Custom checkboxes style*/
  .custom-radio input[type="radio"]+.label-text:before {
	position: relative;
	top: 4px;
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
	speak: none;
	font-size: 1.3rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
  }

  .custom-radio input[type="radio"]:checked+.label-text:before {
    content: "\f192";
    color: #8e44ad;
    animation: effect 250ms ease-in;
  }

  .custom-radio input[type="radio"]:disabled+.label-text {
    color: #aaa;
  }

  .custom-radio input[type="radio"]:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
  }

  @keyframes effect {
    0% {
      transform: scale(0);
    }
    25% {
      transform: scale(1.3);
    }
    75% {
      transform: scale(1.4);
    }
    100% {
      transform: scale(1);
    }
  }



/* Lobibox Styling */

.lobibox.lobibox-confirm .lobibox-header {

	background-color:  #09596D;
	padding-top: 15px;
	padding-bottom: 15px;

}

.lobibox.lobibox-confirm .lobibox-footer {

	background-color:#09596D;
	padding-top: 15px;
	padding-bottom: 15px;

}


.lobibox.lobibox-confirm .lobibox-body {

	padding-top: 25px;
	padding-bottom: 25px;

}

.bs-dropzone > .bs-dropzone-area > .bs-dropzone-box {
	min-height: 80px;
	font-size: 1.6em;
}


#unfiled_tab_name:hover {
    /* color: white; */
}


/* Font Awesome Tweak */
.svg-inline--fa {padding-right: 5px;}