/* 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.775rem;
    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.775rem;
	line-height: 1.5;
}

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


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

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

.badge {
    font-size: 0.775rem;
}



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

/* End Default Font Sizes */



.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;
}


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


.table-divider {
	margin-top: 0px !important;
	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;
}

.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;
}



.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;
	}
	
	.productImage {
		background-color: mintcream;
	}

	.imageGallery {
		background-color: wheat;
	}

	.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-yellow
{	
	background-color: #eeeb4f !important;
}

.bg-lightyellow
{	
	background-color: #f1f394 !important;
}

.bg-darkyellow
{	
	background-color:  #d8db09 !important;
}

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

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

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

.bg-maroon
{	
	background-color:  #900C3F !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: #01243b !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;
}


/* Text Colours  */

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

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

.text-darkgreen
{	
	color: #0b5345 !important;
}

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

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

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

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

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

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

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

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

.text-darkblue
{	
	color: #01243b !important;
}

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

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

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

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

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

.text-darkgrey
{	
	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);	
}


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

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

.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;
    }
}

/* The following is required to allow the dropdown menus to flow outside of the tabs.
This fixed an issue with the customer sheet where only part of the dropdown menu was showing for the customer invoices and customer appliances tables contained within a tab */

.tab-content {
	overflow:inherit !important;
}

/*************************************************************
 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
*************************************************************/