.k-picker-wrap {
    background-color: white !important;
    border-color: white !important;
    box-shadow: none !important;
}

.k-datepicker input.k-input {
    padding: 0 !important;
    margin: 0 !important;
    background: white;
}

.k-datepicker .k-icon.k-i-calendar {
    display: none;
}

.k-datepicker .k-select > img.asr-calendar {
    margin: 2px 0 0 0.5rem;
    cursor: pointer;
}

.k-input, .k-dropdown-wrap {
    border-radius: unset !important;
}

input {
    border: 1px solid gray !important;
}

input[type="text"]:not(.k-input) {
    height: 1.65rem;
    line-height: 1.65rem;
    font-size: 1rem;
    box-sizing: border-box;
    padding: 0.25rem 0.35rem 0.25rem 0.35rem;
}

input.round {
    padding: 0 2rem 0 2.5rem;
    border-radius: 2em;
}

input[type="search"] {
    /*
        UAT & Production
        background-image: url(/online/web/image/search.png);

        Visual Studio
        background-image: url(/image/search.png);
    */
    background-image: url(/online/web/image/search.png);
    background-position: 0.1rem 0.1rem;
    background-size: 1.5rem;
    background-repeat: no-repeat;
}

input[type=button]:active, a.asr-command:active {
    transform: scale(0.98);
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

::placeholder { /* Recent browsers */
    text-transform: none;
}

.asr-disabled {
    background: dimgray !important;
    opacity: 0.25;
    pointer-events: none;
}

.asr-spinner-container {
    position: absolute;
    display: none;
    width: 5rem;
    height: 5rem;
    margin-left: 50%;
    margin-top: 45%;
    background: gray;
    /* opacity: 0.65; */
    opacity: 1;
    border-radius: 1.25rem;
    z-index: 9999999;
}

.asr-spinner {
    position: relative;
    width: 45%;
    height: 45%;
    margin-left: 20%;
    margin-top: 20%;
    border: 6px solid #C5C5C5;
    border-radius: 50%;
    border-top-color: black;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

.asr-main-overlay {
    position: absolute;
    top: -5rem;
    left: 0;
    width: 100vw;
    height: 200vh;
    display: none;
    z-index: 999999;
    opacity: 0.45;
    background-color: rgba(54, 69, 79, 0.75);
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}