:root{--primary-color:#1674b4;--primary-hover-color:#125d8f;--secondary-color:#f3836b;--secondary-hover-color:#e16e57}.holiday-calculator{background-color:#f1f1f1;border:3px solid var(--primary-hover-color);border-radius:20px;font-family:Arial,sans-serif;margin-right:75px;padding:20px}html body .holiday-calculator input[type=date],html body .holiday-calculator input[type=number]{align-items:center;border-radius:0;display:flex;gap:10px;margin-bottom:15px;padding:inherit}html body .holiday-calculator input[type=number]{font-size:16px;height:40px;max-width:40px;text-align:center}.holiday-calculator button.btn-secondary{background-color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:20px;color:#fff;cursor:pointer;font-size:22px;height:40px;line-height:30px;padding:0 15px;text-align:center;width:230px}.holiday-calculator button.btn-secondary:active{background-color:#ccc;box-shadow:0 2px 4px rgba(0,0,0,.2)}.holiday-calculator button.btn-secondary:hover{background-color:#e16e57}.holiday-calculator .switch{display:inline-block;height:20px;margin:0;padding:0;position:relative;width:40px}.holiday-calculator .slider{background-color:#fff;border:1px solid var(--primary-color);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.holiday-calculator .slider:before{background-color:var(--primary-hover-color);border-radius:50%;bottom:1px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.holiday-calculator input[type=checkbox]:checked+.slider:before{transform:translateX(20px)}.holiday-calculator header h2{font-size:36px;margin:0}.holiday-calculator section{display:flex;justify-content:space-between}.holiday-calculator .input-container{width:60%}.holiday-calculator .number-of-bank-holidays input,.holiday-calculator .number-of-bank-holidays label{display:inline-block;vertical-align:middle}.allowance-calculator .output-container{width:40%}.holiday-calculator .output-container>div{background-color:var(--primary-color);border-radius:20px;color:#fff;display:flex;flex-direction:column;height:230px;justify-content:space-around;margin-bottom:15px;padding:40px;text-align:center;width:230px}.holiday-calculator .result-container>div img{width:75px}.holiday-calculator .result-container>div .result-days{font-size:22px}.holiday-calculator .pro-rata-options{display:flex}.holiday-calculator input[type=checkbox]{cursor:pointer;margin:0 0 0 5px}.holiday-calculator .holiday-calculator input[type=date]{width:40%}.holiday-calculator .pro-rata-options input[type=checkbox]{margin-bottom:10px}.holiday-calculator .bank-holidays-input,.holiday-calculator .pro-rata-input,.holiday-calculator .pro-rate-checks{color:#000}.holiday-calculator #holiday-year-start-date-container input[type=date],.holiday-calculator .pro-rata-options input[type=date]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.holiday-calculator .flex-wrap{align-items:center;display:flex}.holiday-calculator .flex-wrap label{margin-right:10px}.holiday-calculator #joining-leaving-dates{margin-top:10px}.holiday-calculator .pro-rata-input-container{display:flex;padding:10px 0;width:80%}.holiday-calculator .form-group{align-items:center;display:flex;gap:10px}.holiday-calculator .form-group input{margin-top:6px}.holiday-calculator .form-group label{margin-top:1px}.holiday-calculator .pro-rate-checks{margin-left:60px}.holiday-calculator .pro-rate-checks>div{margin-bottom:20px}