:root {
	--soe-white: #ffffff;
	--soe-grey: #878787;
	--soe-grey-light: #eeeeee;
	--soe-blue-light: #6f8698;
	--soe-blue: #4E5F6D;
	--soe-blue-dark: #39454f;
	--soe-mauve-light: #d5d0d4;
	--soe-mauve: #8D8089;
	--soe-mauve-dark: #73676f;
  --soe-red: #B53737;
  --soe-red-dark: #9E1A1A;

}

body {
  font-size:1em;
  font-family: 'Lora', serif;
}

table tr[data-href] {
    cursor: pointer;
}

.trafficLightGreen {
  border-left:7px solid #86DC3D !important;
}
.trafficLightRed {
  border-left:7px solid var(--soe-red)!important;
}

.versionBar {
  text-align:center;
  background-color:#ccc;
  font-size:0.9em;
  padding-top:5px;
  padding-bottom:5px;
}
.tooltip-inner {
  background-color:#333;
  padding:5px 10px;
  color:#fff;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
.form-label {
  font-size:0.9em;
  color:var(--soe-mauve);
}
.goal {
  background-color:#FFD100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:10px;
  color:#fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.67);
  font-weight:bold;
  cursor:pointer;
}
.subGoal {
  color:var(--soe-blue);
  text-shadow:none;
  font-weight:normal;
}
.goal .fas {
  color:#fff;
}
.bg-blue {
  background-color:var(--soe-mauve);
}
.enqSrcPill {
  font-size:0.7em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-left:5px;
  padding-right:5px;
}
.enqGYSunblinds {
  background-color:#f58529;
  color:#fff;
}
.enqFacebook {
  background-color:#221551;
  color:#fff;
}
.enqInstagram {
  background-color:#8134AF;
  color:#fff;
}
.enqReferral {
  background-color:#DD2A7B;
  color:#fff;
}
.enqWebsite {
  background-color:#515BD4;
  color:#fff;
}
.pagination {
    margin-top:10px; 
}
.pagination li a {
    color:var(--darkBlue)
}
.pagination .page-item.active .page-link {
    background-color:var(--soe-blue);
    border-color:var(--soe-blue);
}

a {
  color:var(--soe-mauve);
}
a:hover {
  text-decoration:none;
  color:var(--soe-blue-dark);
}
.clear {
  clear:both;
}
.btn-blue {
  background-color:var(--soe-blue);
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-blue-border {
  border: 1px solid var(--soe-blue);
  color:var(--soe-blue);
  font-family: 'Nunito';
}
.btn-blue-border:hover {
  background-color:var(--soe-blue);
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-blue-border2 {
  border: 1px solid var(--soe-blue);
  color:var(--soe-blue)!important;
  font-family: 'Nunito';
}
.btn-blue-border2:hover {
  background-color:var(--soe-blue);
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-blue:hover {
  background-color:var(--soe-blue-dark);
  color:var(--soe-grey-light);
}
.btn-slim {
  padding:3px 10px;
}
.btn-mauve {
  background-color:var(--soe-mauve);
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-mauve-border {
  border: 1px solid var(--soe-mauve);
  color:var(--soe-mauve);
  font-family: 'Nunito';
}
.btn-mauve-border:hover {
  background-color:var(--soe-mauve);
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-locked {
  background-color:#ccc;
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-warning {
  background-color:#B20000;
  color:var(--soe-white);
  font-family: 'Nunito';
}
.btn-warning:hover {
  color:var(--soe-white)!important;
  font-family: 'Nunito';
}
.btn-mauve:hover {
  background-color:var(--soe-mauve-dark);
  color:var(--soe-grey-light);
}
.mauve {
  color:var(--soe-mauve);
}
.blue {
  color:var(--soe-blue);
}
.table-blue{
  color:var(--soe-blue)!important;
}
.table-blue:hover{
  text-decoration:underline;
}


.soeTable {
	width: 100%;
	border-top: 1px dashed var(--soe-mauve-light);
	border-bottom: 1px dashed var(--soe-mauve-light);
	background-color: var(--white);
}

.soeTable th {
	padding: 2px 6px;
	color: var(--soe-blue);
	border-right: 1px dashed var(--soe-mauve-light);
	border-left: 1px dashed var(--soe-mauve-light);
}

.soeTable tr:nth-child(odd) {
	background-color: var(--soe-mauve-light);
}

.soeTable tr:first-child {
	background-color: var(--white);
	border-bottom: 2px solid var(--soe-blue);
}

.soeTable td {
	padding: 2px 6px;
	border-right: 1px dashed var(--soe-mauve-light);
	border-left: 1px dashed var(--soe-mauve-light);
	word-break: break-word;
	vertical-align: top;
}

.soeTable td a {
  color:var(--soe-white);
}

.noResults {
  text-align:center;
  font-style:italic;
  color:var(--soe-mauve);
}

.card-header {
  background-color:var(--soe-blue);
  color:var(--white);
  padding:6px 20px;
}

.errorBar {
  text-align:center;
  display:block;
  background-color:var(--red);
  color:var(--white);
  z-index:90;
  padding:15px;
}

.successBar {
  text-align:center;
  display:block;
  background-color:var(--green);
  color:var(--white);
  z-index:90;
  padding:15px;
}

.form-text {
  color:var(--red);
  font-weight:bold;
}

.form-label {
    font-family: 'Lora', serif;
    margin-bottom:0;
}

.subData {
  display:none;
  background-color:var(--soe-grey-light);
  margin:10px 0px;
  padding:10px;
}

.modal-header {
  background-color:var(--soe-blue);
  color:#fff;
}


#fullnav {
  display:block;
}

#mobilenav {
    display:none;
}
.navigation {
  position:relative;
  width:100%;
  color:var(--soe-white);
  background-color:var(--soe-blue);
  padding:0px;
}
.navigation ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
.navigation ul a {
  display:inline-block;
  color:var(--white);
  padding:15px 25px;

}
.navigation ul li a:hover {
  background-color:var(--soe-mauve);
}
.navigation li {
  display:inline-block; 
  height:auto;
  font-size:1.1em;
}



#mobileNavData {
  background-color:var(--soe-grey-light);
  text-align:center;
}
#mobileNavData ul {
  list-style:none;
  padding-left:0px;
}
#mobileNavData li {
  padding:5px 10px;
}
#mobileNavData  a {
  color:var(--soe-blue);
  font-size:1.1em;
}
#mobileNavData  a:hover {
  color:var(--soe-mauve);
  font-size:1.1em;
}

#mobileNavData .active {
  color:var(--soe-mauve)!important;
  background-color:var(--soe-blue)!important;
  font-size:1.1em;
  font-weight:bold;
}

.desktop-only {
  display:block;
}
.mobile-only {
  display:none;
}


@media only screen and (max-width: 1200px) {

.navigation ul a {
  display:inline-block;
  color:var(--white);
  padding:15px 15px;

}
  
} 
  @media only screen and (max-width: 992px) {

#fullnav {
    display:none;
}
  
#mobilenav {
    display:block;
    text-align:center;
    padding:5px;
    font-size:1.3em;
}
    
.desktop-only {
  display:none;
}
.mobile-only {
  display:block;
}

}
.day {
  padding:5px;
  margin-bottom:10px;
  border-bottom:1px solid var(--soe-mauve);
}
.day h5 {
  font-weight:bold;
  color:var(--soe-blue);
}
.appointment {
  position:relative;
  border:1px solid var(--soe-grey-light);
  border-radius:5px;
  padding:10px;
  margin-bottom:5px;
}
.appointment h5 {
  font-size:1em;
  font-weight:bold;
    color:var(--soe-mauve);

}
.noRecord {
  font-style:italic;
  color:var(--soe-grey);
  font-size:0.9em;
}
.salesAppointment {
  border-left:10px solid var(--soe-mauve);
}
.fittingAppointment {
  border-left:10px solid var(--soe-blue);
}
.provisionalFlag {
  background-color:var(--soe-grey);
  border-radius:10px;
  color:#fff;
  font-size:0.8em;
  padding:2px 10px;
  margin-bottom:5px;
  clear:both;
}
.appointmentLink {
  color:inherit;
}
.appointmentStaff {
  position:relative;
  float:left;
  border-radius:10px;
  background-color:var(--soe-mauve);
  color:#fff;
  font-size:0.7em;
  padding:2px 10px;
}
.staffPin {
  border-radius:50%;
  width: 22px;
  height: 22px;
  padding:5px 10px;
  text-align: center;
}
.miniStaffPin {
  border-radius:50%;
  width: 8px;
  height: 8px;
  padding:2px 4px;
  text-align: center;
  font-size:0.5em;
}
.staffPin-on {
  background-color:var(--soe-mauve);
  color:#fff;
}
.staffPin-off {
  background-color:var(--soe-grey-light);
}



.btn-danger-outline {
  color: var(--soe-red);
  background-color: #fff;
  border-color: #e3342f;
}
.btn-danger-outline:hover {
  color: #fff;
  background-color: var(--soe-red);
  border-color: var(--soe-red);
}
.btn-danger {
  color: #fff;
  background-color: var(--soe-red);
  border-color: #e3342f;
}

.btn-danger:hover {
  color: #fff;
  background-color: var(--soe-red-dark);
  border-color: var(--soe-red-dark);
}

.order {
  position:relative;
  float:left;
  width:150px;
  height:150px;
  background-color:var(--soe-blue);
  color:#fff;
  text-align:center;
  padding:10px;
  border-radius:5px;
  cursor:pointer;
  margin-right:10px;
}

.quote {
  position:relative;
  float:left;
  width:150px;
  height:150px;
  border: 2px solid var(--soe-blue);
  color:var(--soe-blue);
  text-align:center;
  padding:10px;
  border-radius:5px;
  cursor:pointer;
  margin-right:10px;
}

.newLabel {
  font-size:0.8em;
  margin-bottom:0px;
}

.invalid-feedback {
  color:var(--soe-red);
  font-weight:bold;
  font-size:0.8em;
}

.orderMoreInfo {
  position:absolute;
  top:20px;
  right:20px;
  cursor:pointer;
  font-size:1.2em;
}

.orderMoreInfo2 {
  position:absolute;
  top:18px;
  right:55px;
  cursor:pointer;
  font-size:1.2em;
  color:#2CA01C;
}