.label{color:#002245;align-items:center;margin-bottom:.9rem;font-size:1.6rem;font-weight:600;display:flex}@media (max-width:1679px){.label{margin-bottom:.5rem;font-size:1.4rem}}@media (max-width:767px){.label{font-size:1.2rem}}.label sup{color:#f0263c;margin-bottom:-.5rem;margin-left:-.2rem;font-size:1.8rem}
.input{margin-bottom:2.2rem;transition:all .2s ease-in-out}@media (max-width:1679px){.input{margin-bottom:1.8rem}}@media (max-width:767px){.input{margin-bottom:1.2rem}}.input .inner{position:relative}.input .inner .input-control{color:#0e0f0c;background-color:#0c9eda0d;border:0;border-radius:2.4rem;outline:none;width:100%;height:4.1rem;padding:2.5rem 1.5rem;font-size:1.4rem;font-weight:400;transition:all .2s ease-in-out}@media (max-width:1679px){.input .inner .input-control{height:5rem;padding:1rem 2.5rem;font-size:1.3rem}}@media (max-width:767px){.input .inner .input-control{height:4rem;padding:1rem 1.5rem;font-size:1.1rem}}.input .inner .input-control::placeholder{color:#809fb8}.input .inner .input-control::placeholder{color:#809fb8}.input .inner .input-control:-moz-placeholder-shown{color:#809fb8}.input .inner .input-control:-webkit-autofill{-webkit-text-fill-color:#000;caret-color:#000;background-clip:padding-box;transition:background-color 9999s ease-out;border-radius:2.4rem!important;box-shadow:inset 0 0 0 30px #cbf0ee!important}.input .inner .input-control:-webkit-autofill:hover{-webkit-text-fill-color:#000;caret-color:#000;background-clip:padding-box;transition:background-color 9999s ease-out;border-radius:2.4rem!important;box-shadow:inset 0 0 0 30px #cbf0ee!important}.input .inner .input-control:-webkit-autofill:focus{-webkit-text-fill-color:#000;caret-color:#000;background-clip:padding-box;transition:background-color 9999s ease-out;border-radius:2.4rem!important;box-shadow:inset 0 0 0 30px #cbf0ee!important}.input .inner .input-control.right-padding{padding-right:6rem}@media (max-width:1679px){.input .inner .input-control.right-padding{padding-right:4rem}}.input .inner .input-control:disabled{color:#000;cursor:not-allowed}.input .inner .textClass{resize:none;border-radius:2rem;height:12rem}.input .inner .right-content{color:#0c9eda0d;align-items:center;height:100%;font-size:1.6rem;font-weight:600;line-height:1;display:flex;position:absolute;top:50%;right:1.7rem;transform:translateY(-50%)}@media (max-width:1679px){.input .inner .right-content{font-size:1.4rem;right:1.5rem}.input .inner .right-content svg{width:1.8rem}}@media (max-width:767px){.input .inner .right-content{font-size:1.2rem;right:1.3rem}.input .inner .right-content svg{width:1.5rem}}.input-filled .inner .input-control{background:#0c9eda12;border-color:#0c9eda0d}.input--error input,.input--error textarea,.input--error .select{color:#eb5757;border-color:#eb5757}.input--error input::placeholder,.input--error textarea::placeholder,.input--error .select::placeholder{color:#eb5757}.input--error input::-webkit-input-placeholder{color:#eb5757}.input--error textarea::-webkit-input-placeholder{color:#eb5757}.input--error .select::-webkit-input-placeholder{color:#eb5757}.input--error input:-moz-placeholder-shown{color:#eb5757}.input--error textarea:-moz-placeholder-shown{color:#eb5757}.input--error .select:-moz-placeholder-shown{color:#eb5757}.input--error input:hover,.input--error input:focus,.input--error textarea:hover,.input--error textarea:focus,.input--error .select:hover,.input--error .select:focus{border-color:#eb5757}.error_message{text-align:left;color:#f0263c;margin-top:.25rem;font-size:1.2rem}.password-input__toggle{cursor:pointer;border:0;margin-right:1.5rem}.employee_code_input .inner input{padding-left:7rem!important}.employee_code_input .inner .right-content{width:6rem;position:absolute;left:1rem}.employee_code_input .inner .right-content select,.employee_code_input .inner .right-content select:focus{background:0 0;border:0;outline:none}.input .inner textarea.input-control{resize:none;height:8.2rem!important}
.custom-checkbox{display:inline-block}.custom-checkbox .form-check{align-items:center;display:flex}.custom-checkbox .form-check-input{background-color:#fff;border:.1rem solid #00000080;width:2rem;height:2rem;margin-top:0;margin-right:.8rem}@media (max-width:767px){.custom-checkbox .form-check-input{width:1.4rem;height:1.4rem}}.custom-checkbox .form-check-input:checked{background:#0e0f0c url(/images/check.svg) 50% no-repeat;border-color:#0e0f0c}.custom-checkbox .form-check-input:focus{box-shadow:none}.custom-checkbox .form-check-label{color:#000;font-size:1.6rem;font-weight:600}@media (max-width:1679px){.custom-checkbox .form-check-label{font-size:1.4rem}}@media (max-width:575px){.custom-checkbox .form-check-label{font-size:1.2rem}}
.multiSelectWrapper{max-width:80rem}.multiSelectWrapper .common-select .react-select__value-container{flex-wrap:nowrap!important}.multiSelectWrapper .common-select .react-select__multi-value{margin:0 .3rem 0 0}.multiSelectWrapper .common-select .react-select__multi-value__label{min-width:1rem;padding:0 .3rem;font-size:1.2rem}.multiSelectWrapper .common-select .react-select__multi-value__remove{min-width:2rem}.common-select .react-select__control{color:#0e0f0c;background-color:#0c9eda0d;border:0;border-radius:2.4rem;min-height:fit-content;padding:1.3rem 1.6rem}@media (max-width:1679px){.common-select .react-select__control{padding:1.05rem 1.6rem}}@media (max-width:767px){.common-select .react-select__control{padding:.7rem 1.3rem}}.common-select .react-select__control--is-disabled{cursor:not-allowed;background-color:#c8c7c7;border-color:#c8c7c7}@media (max-width:767px){.common-select .react-select__control{min-width:9rem}}.common-select .react-select__control--is-focused{box-shadow:none}.common-select .react-select__control:hover{border-color:#0e0f0c80}.common-select .react-select__control--menu-is-open .react-select__indicator{transform:rotate(180deg)}.common-select .react-select__placeholder{color:#6e6e73b3;font-size:1.4rem;font-weight:400}.common-select .react-select__input-container,.common-select .react-select__single-value{color:#000;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;margin:0 .6rem 0 0;font-size:1.4rem;font-weight:400;line-height:normal;overflow:hidden}@media (max-width:1679px){.common-select .react-select__input-container,.common-select .react-select__single-value{font-size:1.4rem}}@media (max-width:767px){.common-select .react-select__input-container,.common-select .react-select__single-value{font-size:1.2rem}}.common-select .react-select__input-container--is-disabled,.common-select .react-select__single-value--is-disabled{color:#000}.common-select .react-select__value-container,.common-select .react-select__indicator{padding:0}.common-select .react-select__indicator-separator{display:none}.common-select .react-select__indicator svg{fill:#00002b;width:2rem!important;height:2rem!important}.common-select .react-select__menu{z-index:3;background:#fff;border:0 solid #ffffff14;border-radius:1.6rem;margin-top:0;font-size:2.6rem;overflow:hidden;box-shadow:0 0 1.6rem #0000001f}.common-select .react-select__option{white-space:normal;color:#000;text-transform:capitalize;word-break:break-all;padding:.8rem 1.6rem;font-size:1.4rem;font-weight:400}.common-select .react-select__option .checkbox{margin-right:1.2rem}.common-select .react-select__option .checkbox svg{border:1px solid #ccc;width:1.8rem}.common-select .react-select__option .checkbox svg path{fill:#0000}.common-select .react-select__option .checkbox.active svg{width:1.8rem}.common-select .react-select__option .checkbox.active svg path{fill:#002245}@media (max-width:1679px){.common-select .react-select__option{padding:.5rem 1.6rem;font-size:1.4rem}}@media (max-width:767px){.common-select .react-select__option{padding:.5rem 1.3rem;font-size:1.2rem}}.common-select .react-select__option--is-selected,.common-select .react-select__option:active{color:#000!important;background-color:#ffffff08!important}.common-select .react-select__option--is-focused{background-color:#0000}.common-select .react-select__option:hover{color:#000;background-color:#6e6e7314}.common-select .react-select__option--is-disabled{opacity:.5}.common-select .react-select__option--is-disabled:hover,.common-select .react-select__option--is-disabled:active{color:#000!important}.common-select .react-select__multi-value{border-radius:5rem}.common-select .react-select__multi-value__label{font-size:1.2rem}.common-select.error .react-select__control{background:#f0263c0d;border-color:#f0263c}.common-select.error .react-select__placeholder,.common-select.error .react-select__single-value{color:#f0263c}.common-select.input-filled .react-select__control{background:#0c9eda12;border-color:#0c9eda0d}.common-select.input-filled .react-select__control--is-disabled{color:#000;background-color:#6e6e73;border-color:#99b2c6}
.custom-toogle{vertical-align:middle;display:inline-block}.custom-toogle .form-check-input{cursor:pointer;background-color:#7d7d7d;border-color:#7d7d7d;width:5rem;height:2.8rem;background-image:url(/images/circle.svg)!important}.custom-toogle .form-check-input:checked{background-color:#002245;border-color:#002245}.custom-toogle .form-check-input:focus{box-shadow:none}
