a.oj-datepicker-next-icon, a.oj-datepicker-prev-icon {
    font-family: "Alta Icon Font";
}

oj-input-date.form-control {
    padding: 0px;
    margin: 0px;
}

.ui-learn-datepicker {
    width: 100%;
}

    .ui-learn-datepicker .input-group-btn {
        display: none;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


.oj-inputdatetime-input:-ms-input-placeholder { /* Internet Explorer */
    font-style: normal !important;
	color:black;
}

.oj-inputdatetime-input::placeholder {
    font-style: normal !important;
	color:black;
}

.oj-inputdatetime-input::-webkit-input-placeholder { /*Edge/ Chrome/Opera/Safari */
    font-style: normal !important;
    color:black;
}

#activeDateRangeContainer .oj-inputdatetime.oj-text-field .oj-text-field-container {
    height: 2.22rem;
}

/* Modal Dialog Starts Here */
.modal-dialog-content {
    visibility: hidden;
    position: absolute;
    transform: scale(1);
    background-color: white;
    z-index: 999999;
}

.show-modal-dialog {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.modal-dialog-container-thick-border {
    border-width: 5px !important;
}
/* Modal Dialog Ends Here */