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

.mybody  {
  font-weight: 400;
  font-family: "Montserrat", "Helvetica", Arial, sans-serif;
  color: var(--gcDarkred);
  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;
}

/* Container for button and text */
.button-container {
    margin-left: 100px;
    display: flex;
    align-items: center;
  }

  /* Add margin between buttons */
  .base-button:not(:last-child),
  .additional-button:not(:last-child) {
    margin-bottom: 5px;
  }
  
  .button-navigator {
    margin-right: 0px;
  }


  /* Basic button style basic for every button*/
  .base-button {
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
   }

  /* Text style */
  .text-aside {
    margin-left: 10px;
    font-size: 14px;
    color: #333;
  }

  .hint {
    position: relative;
    display: inline-block;
  }

  .hint::after {
    content: attr(title);
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
  }

  .hint:hover::after {
    opacity: 1;
    visibility: visible;
  }

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

.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: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: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: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: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:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBONewColor);
  }

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

.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: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:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOCancelColor);
  }

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

.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: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: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: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: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: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: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:hover {
    background-color: var(--WBOFontColor);
    color: var(--WBOBeheerColor);
  }

 :root{--gcAliceblue: #F0F8FF;
    --gcAntiquewhite: #FAEBD7;
    --gcAqua: #00FFFF;
    --gcAquamarine: #7FFFD4;
    --gcAzure: #F0FFFF;
    --gcBeige: #F5F5DC;
    --gcBisque: #FFE4C4;
    --gcBlack: #000000;
    --gcBlanchedalmond: #FFEBCD;
    --gcBlue: #0000FF;
    --gcBlueviolet: #8A2BE2;
    --gcBrown: #A52A2A;
    --gcBurlywood: #DEB887;
    --gcCadetblue: #5F9EA0;
    --gcChartreuse: #7FFF00;
    --gcChocolate: #D2691E;
    --gcCoral: #FF7F50;
    --gcCornflowerblue: #6495ED;
    --gcCornsilk: #FFF8DC;
    --gcCrimson: #DC143C;
    --gcCyan: #00FFFF;
    --gcDarkblue: #00008B;
    --gcDarkcyan: #008B8B;
    --gcDarkgoldenrod: #B8860B;
    --gcDarkgray: #A9A9A9;
    --gcDarkgreen: #006400;
    --gcDarkgrey: #A9A9A9;
    --gcDarkkhaki: #BDB76B;
    --gcDarkmagenta: #8B008B;
    --gcDarkolivegreen: #556B2F;
    --gcDarkorange: #FF8C00;
    --gcDarkorchid: #9932CC;
    --gcDarkred: #8B0000;
    --gcDarksalmon: #E9967A;
    --gcDarkseagreen: #8FBC8F;
    --gcDarkslateblue: #483D8B;
    --gcDarkslategray: #2F4F4F;
    --gcDarkslategrey: #2F4F4F;
    --gcDarkturquoise: #00CED1;
    --gcDarkviolet: #9400D3;
    --gcDeeppink: #FF1493;
    --gcDeepskyblue: #00BFFF;
    --gcDimgray: #696969;
    --gcDimgrey: #696969;
    --gcDodgerblue: #1E90FF;
    --gcFirebrick: #B22222;
    --gcFloralwhite: #FFFAF0;
    --gcForestgreen: #228B22;
    --gcFuchsia: #FF00FF;
    --gcGainsboro: #DCDCDC;
    --gcGhostwhite: #F8F8FF;
    --gcGold: #FFD700;
    --gcGoldenrod: #DAA520;
    --gcGray: #808080;
    --gcGreen: #008000;
    --gcGreenyellow: #ADFF2F;
    --gcGrey: #808080;
    --gcHoneydew: #F0FFF0;
    --gcHotpink: #FF69B4;
    --gcIndianred: #CD5C5C;
    --gcIndigo: #4B0082;
    --gcIvory: #FFFFF0;
    --gcKhaki: #F0E68C;
    --gcLavender: #E6E6FA;
    --gcLavenderblush: #FFF0F5;
    --gcLawngreen: #7CFC00;
    --gcLemonchiffon: #FFFACD;
    --gcLightblue: #ADD8E6;
    --gcLightcoral: #F08080;
    --gcLightcyan: #E0FFFF;
    --gcLightgoldenrodyellow: #FAFAD2;
    --gcLightgray: #D3D3D3;
    --gcLightgreen: #90EE90;
    --gcLightgrey: #D3D3D3;
    --gcLightpink: #FFB6C1;
    --gcLightsalmon: #FFA07A;
    --gcLightseagreen: #20B2AA;
    --gcLightskyblue: #87CEFA;
    --gcLightslategray: #778899;
    --gcLightslategrey: #778899;
    --gcLightsteelblue: #B0C4DE;
    --gcLightyellow: #FFFFE0;
    --gcLtGray: #C0C0C0;
    --gcMedGray: #A0A0A0;
    --gcDkGray: #808080;
    --gcMoneyGreen: #C0DCC0;
    --gcLegacySkyBlue: #F0CAA6;
    --gcCream: #F0FBFF;
    --gcLime: #00FF00;
    --gcLimegreen: #32CD32;
    --gcLinen: #FAF0E6;
    --gcMagenta: #FF00FF;
    --gcMaroon: #800000;
    --gcMediumaquamarine: #66CDAA;
    --gcMediumblue: #0000CD;
    --gcMediumorchid: #BA55D3;
    --gcMediumpurple: #9370DB;
    --gcMediumseagreen: #3CB371;
    --gcMediumslateblue: #7B68EE;
    --gcMediumspringgreen: #00FA9A;
    --gcMediumturquoise: #48D1CC;
    --gcMediumvioletred: #C71585;
    --gcMidnightblue: #191970;
    --gcMintcream: #F5FFFA;
    --gcMistyrose: #FFE4E1;
    --gcMoccasin: #FFE4B5;
    --gcNavajowhite: #FFDEAD;
    --gcNavy: #000080;
    --gcOldlace: #FDF5E6;
    --gcOlive: #808000;
    --gcOlivedrab: #6B8E23;
    --gcOrange: #FFA500;
    --gcOrangered: #FF4500;
    --gcOrchid: #DA70D6;
    --gcPalegoldenrod: #EEE8AA;
    --gcPalegreen: #98FB98;
    --gcPaleturquoise: #AFEEEE;
    --gcPalevioletred: #DB7093;
    --gcPapayawhip: #FFEFD5;
    --gcPeachpuff: #FFDAB9;
    --gcPeru: #CD853F;
    --gcPink: #FFC0CB;
    --gcPlum: #DDA0DD;
    --gcPowderblue: #B0E0E6;
    --gcPurple: #800080;
    --gcRed: #FF0000;
    --gcRosybrown: #BC8F8F;
    --gcRoyalblue: #4169E1;
    --gcSaddlebrown: #8B4513;
    --gcSalmon: #FA8072;
    --gcSandybrown: #F4A460;
    --gcSeagreen: #2E8B57;
    --gcSeashell: #FFF5EE;
    --gcSienna: #A0522D;
    --gcSilver: #C0C0C0;
    --gcSkyblue: #87CEEB;
    --gcSlateblue: #6A5ACD;
    --gcSlategray: #708090;
    --gcSlategrey: #708090;
    --gcSnow: #FFFAFA;
    --gcSpringgreen: #00FF7F;
    --gcSteelblue: #4682B4;
    --gcTan: #D2B48C;
    --gcTeal: #008080;
    --gcThistle: #D8BFD8;
    --gcTomato: #FF6347;
    --gcTurquoise: #40E0D0;
    --gcViolet: #EE82EE;
    --gcWheat: #F5DEB3;
    --gcWhite: #FFFFFF;
    --gcWhitesmoke: #F5F5F5;
    --gcYellow: #FFFF00;
    --gcYellowgreen: #9ACD32;
    --WBOFontColor: var(--gcWhite);
    --WBOSearchColor:#51cbce;
    --WBOTaskColor: var(--gcGoldenrod) ;
    --WBORefreshColor: #51bcda;
    --WBONewColor: #6bd098;
    --WBOEditColor: #fbc658;
    --WBOSaveColor: #6bd098;
    --WBOCancelColor: #fe0707;
    --WBOPDFColor: #569ddf;
    --WBOEmailColor:#d856df;
    --WBOSelectColor: #6bd098;
    --WBOFactuurColor: #d35e30;
    --WBOOfferteColor: #b7d06b;
    --WBOVerhuurColor: var(--gcSalmon);
    --WBOServiceColor: #9f25a5;
    --WBOBeheerColor: var(--gcOlive);

 }