/*!
 * Copyright 2023-2024 White Frost B.V.
 */

 @import url("wbocolors.css");
 @import url("wbobase.css");

 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.MyFooterLink {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  width: 150px;
}

.mybody  {
  font-weight: 400;
  font-family: "Montserrat", "Helvetica", Arial, sans-serif;
  color: var(--gcDarkred) !important;
  background-color: var(--gcIvory);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.navbar,
.brand,
a,
.td-name,
td,
button,
input,
select,
textarea {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", "Helvetica", Arial, sans-serif;
  font-weight: 500;
}

.fixedbutton {
  border: 2px solid var(--WBORefreshColor);
  color: var(--WBOFontColor);
  background-color: var(--WBORefreshColor);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  width: 220px;
  height: 50px;
}

.fixedbutton::before {
  font-family: FontAwesome;
}

.fixedbutton:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBORefreshColor);
}

.headerbutton {
  border: 2px solid var(--WBORefreshColor);
  color: var(--WBOFontColor);
  background-color: var(--WBORefreshColor);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  width: 125px;
  height: 40px;
}

.headerbutton::before {
  font-family: FontAwesome;
}

.headerbutton:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBORefreshColor);
}

/* default Button */
.wbodefault-button {
  border: 2px solid var(--WBONewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBONewColor);
}

.wbodefault-button::before {
  font-family: FontAwesome;
  content: "\f0e7";
}

.wbodefault-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBONewColor);
  transition: 0.3s;
}



/* First Button */
.wbofirst-button {
  border: 2px solid var(--WBONewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBONewColor);
}

.wbofirst-button::before {
  font-family: FontAwesome;
  content: "\f100";
}

.wbofirst-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBONewColor);
}


/* Volgende Button */
.wbonext-button {
  border: 2px solid var(--WBONewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBONewColor);
}

.wbonext-button::after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
}

.wbonext-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBONewColor);
}

/* Vorige Button */
.wboprevious-button {
  border: 2px solid var(--WBONewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBONewColor);
}

.wboprevious-button::before {
  font-family: FontAwesome;
  content: "\f104";
}

.wboprevious-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBONewColor);
}

/* Volgende Button */
.wbolast-button {
  border: 2px solid var(--WBONewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBONewColor);
}

.wbolast-button::after {
  font-family: FontAwesome;
  content: "\f101";
  margin-left: 5px;
}

.wbolast-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBONewColor);
}

/* SMS Button */
.wbosms-button {
  border: 2px solid var(--WBOSMSColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOSMSColor);
}

.wbosms-button::before {
  font-family: FontAwesome;
  content: "\f3cf";
}

.wbosms-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOSMSColor);
}

/* File Button */
.wbofile-button {
  border: 2px solid var(--WBOExportColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOExportColor);
}

.wbofile-button::before {
  font-family: FontAwesome;
  content: "\f56e";
}

.wbofile-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOExportColor);
}

/* Export Button */
.wboexport-button {
  border: 2px solid var(--WBOExportColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOExportColor);
}

.wboexport-button::before {
  font-family: FontAwesome;
  content: "\f019";
}

.wboexport-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOExportColor);
}

/* Import Button */
.wboimport-button {
  border: 2px solid var(--WBOImportColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOImportColor);
}

.wboimport-button::before {
  font-family: FontAwesome;
  content: "\f093";
}

.wboimport-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOImportColor);
}

/* Overzicht Button */
.wbooverview-button {
  border: 2px solid var(--WBOOverviewColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOOverviewColor);
}

.wbooverview-button::before {
  font-family: FontAwesome;
  content: "\f03a";
}

.wbooverview-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOOverviewColor);
}

/* Task Button */
.wbotask-button {
  border: 2px solid var(--WBOTaskColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOTaskColor);
}

.wbotask-button::before {
  font-family: FontAwesome;
  content: "\f0ae";
}

.wbotask-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOTaskColor);
}

 /* Search Button */
.wbosearch-button {
    border: 2px solid var(--WBOSearchColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOSearchColor);
}

.wbosearch-button::before {
  font-family: FontAwesome;
  content: "\f002";
}

.wbosearch-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOSearchColor);
  }

 /* refresh Button */

.wborefresh-button {
    border: 2px solid var(--WBORefreshColor);
    color: var(--WBOFontColor);
    background-color: var(--WBORefreshColor);
}

.wborefresh-button::before {
  font-family: FontAwesome;
  content: "\f021";
}

.wborefresh-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBORefreshColor);
  }

/* Register Button */
.wboregister-button {
  border: 2px solid var(--gcForestgreen);
  color: var(--WBOFontColor);
  background-color: var(--gcForestgreen);
}

.wboregister-button::before {
  font-family: FontAwesome;
  content: "\f2c2";
}

.wboregister-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--gcForestgreen);
}

/* Login Button */
.wbologin-button {
  border: 2px solid var(--gcMediumblue);
  color: var(--WBOFontColor);
  background-color: var(--gcMediumblue);
}

.wbologin-button::before {
  font-family: FontAwesome;
  content: "\f090";
}

.wbologin-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--gcMediumblue);
}

/* New Button */
.wbonew-button {
    border: 2px solid var(--WBONewColor);
    color: var(--WBOFontColor);
    background-color: var(--WBONewColor);
}

.wbonew-button::before {
  font-family: FontAwesome;
  content: "\002b";
}

.wbonew-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBONewColor);
  }

/* Edit Button */
.wboedit-button {
    border: 2px solid var(--WBOEditColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOEditColor);
}

.wboedit-button::before {
  font-family: FontAwesome;
  content: "\f044";
}

.wboedit-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOEditColor);
  }

  /* Save Button */
.wbosave-button {
    border: 2px solid var(--WBOSaveColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOSaveColor);
}

.wbosave-button::before {
  font-family: FontAwesome;
  content: "\f0c7";
}

.wbosave-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOSaveColor);
  }

/* Cancel Button */
.wbocancel-button {
    border: 2px solid var(--WBOCancelColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOCancelColor);
}

.wbocancel-button::before {
  font-family: FontAwesome;
  content: "\f00d";
}

.wbocancel-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOCancelColor);
  }

  /* Close Button */
.wboclose-button {
  border: 2px solid var(--WBOCloseColor);
  color: var(--WBOFontColor);
  background-color: var(--WBOCloseColor);
}

.wboclose-button::before {
  font-family: FontAwesome;
  content: "\f410";
}

.wboclose-button:hover {
  background-color: var(--WBOFontColor);
  color: var(--WBOCloseColor);
}

 /* PDF Button */
.wbopdf-button {
    border: 2px solid var(--WBOPDFColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOPDFColor);
}

.wbopdf-button::before {
  font-family: FontAwesome;
  content: "\f1c1";
}

.wbopdf-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOPDFColor);
  }

  /* E-Mail Button */
.wboemail-button {
    border: 2px solid var(--WBOEmailColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOEmailColor);
}

.wboemail-button::before {
  font-family: FontAwesome;
  content: "\f0e0";
}

.wboemail-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOEmailColor);
  }

 /* Select Button */
 .wboselect-button {
    border: 2px solid var(--WBOSelectColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOSelectColor);
}

.wboselect-button::before {
  font-family: FontAwesome;
  content: "\f00c";
}

.wboselect-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOSelectColor);
  }

  /* Invoice Button */
 .wboinvoice-button {
    border: 2px solid var(--WBOFactuurColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOFactuurColor);
}

.wboinvoice-button::before {
  font-family: FontAwesome;
  content: "\f15c";
}

.wboinvoice-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOFactuurColor);
  }

/* Quotation Button */
.wboquotation-button {
    border: 2px solid var(--WBOOfferteColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOOfferteColor);
}

.wboquotation-button::before {
  font-family: FontAwesome;
  content: "\f15c";
}

.wboquotation-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOOfferteColor);
  }

/* Rental Button */
.wborental-button {
    border: 2px solid var(--WBOVerhuurColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOVerhuurColor);
}

.wborental-button::before {
  font-family: FontAwesome;
  content: "\f15c";
}

.wborental-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOVerhuurColor);
  }

/* Service Button */
.wboservice-button {
    border: 2px solid var(--WBOServiceColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOServiceColor);
}

.wboservice-button::before {
  font-family: FontAwesome;
  content: "\f15c";
}

.wboservice-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOServiceColor);
  }

/* Settings Button */
.wbosettings-button {
    border: 2px solid var(--WBOBeheerColor);
    color: var(--WBOFontColor);
    background-color: var(--WBOBeheerColor);
}

.wbosettings-button::before {
  font-family: FontAwesome;
  content: "\f085";
}

.wbosettings-button:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOBeheerColor);
  }