@layer base {
     @font-face {
          font-family: 'Krub-Bold';
          src: url(../fonts/Krub/Krub-Bold.ttf);
     }

     @font-face {
          font-family: 'Krub-Light';
          src: url(../fonts/Krub/Krub-Light.ttf);
     }

     @font-face {
          font-family: 'Krub-Medium';
          src: url(../fonts/Krub/Krub-Medium.ttf);
     }

     @font-face {
          font-family: 'Krub-Regular';
          src: url(../fonts/Krub/Krub-Regular.ttf);
     }

     @font-face {
          font-family: 'Krub-SemiBold';
          src: url(../fonts/Krub/Krub-SemiBold.ttf);
     }

     input[type="number"]::-webkit-inner-spin-button,
     input[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
     }
}

/* .bg-auth {
     background-image: url('../img//bg-authentication.svg');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
} */
.bg-auth {
     /* background-image: url('../img/bg-auth-new-2.webp'); */
     background-image: url('../img/auth-background.png');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
     /* filter: brightness(0.5); */
}
.bg-dashboard {
     background-image: url('../img/dashboard-bg.svg');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
input[type="checkbox"] {
     height: 0px;
     width: 17px;
     position: relative;
     border: none !important;
     box-shadow: none !important;
}

input[type="checkbox"]::after {
     content: ' ';
     border-radius: 5px;
     width: 17px;
     height: 17px;
     position: absolute;
     border: 1.7px solid #e5e7eb;
     background: #fff;
}
.checkbox-shadow::after{
     border: 1px solid #e5e7eb !important; 
     box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.47);
     -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.47);
     -moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.47);
}
input[type="checkbox"]:checked::after {
     background: #3943B7;
     border-color: #3943B7;
     background-position: center;
     background-size: cover;
     background-image: url('../img/checkbox.svg');
}

input[type="checkbox"]:checked:disabled::after {
     background-image: url('../img/checkbox-disabled.svg');
     border-color: #CDCFD0;
}

.select-input {
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url('../img/select-dropdown.svg');
     background-repeat: no-repeat;
     background-position-y: 16px;
     background-position-x: calc(100% - 17px);
     background-size: 10px;
}

.card-shadow {
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

input:focus,
textarea:focus,
select:focus {
     box-shadow: none !important;
}

.has-error input {
     border-color: red !important;
}

.has-error textarea {
     border-color: red !important;
}

.has-error select {
     border-color: red !important;
}

.has-error .pinned-address-bg {
     border: 1px solid red !important;
}

.has-error .error-text {
     color: red !important;
}

.fake-profile {
     background-image: url('../img/fake-profile.svg');
     background-position: center;
     background-size: cover;
}

.pinned-address-bg {
     background-image: url('../img//maps_placeholder.png');
     background-position: center;
     background-size: contain;
     background-color: #000000ad;
}

.checkbox-alone {
     height: 14px !important;
     width: 0px !important;
}

input:disabled {
     background-color: #F3F3F3;
}

.time-picker .flatpickr-input {
     background-image: url('../img/select-dropdown.svg');
     background-repeat: no-repeat;
     background-position-y: 17px;
     background-position-x: calc(100% - 12px);
     background-size: 8px;
}

.card-calendar {
     background-image: url('../img/calendar-background.svg');
     background-position: center;
     background-size: inherit;
     background-repeat: no-repeat;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.timepicker-oh input {
     min-height: unset;
     background-position-y: 12px !important;
     margin-bottom: 0px;
}
.timepicker-oh .time-picker{
     margin-bottom: 0px !important;
}
.bg-dot{
     background-image: url('../img/dot-background.png');
     background-repeat: repeat;
     background-position: top left;
     background-size: 20px;
     transform-origin: left top;
     cursor: pointer;
}