.ADMdtp ng-transclude, .ADMdtp .clickOutContainer {
    position: initial;
}
.ADMdtpInput {
    position: inherit;
}
.input.ADMdtp {
    padding: 0;
    position: inherit;
}

.ADMdtp.rtl .masterInput input {
    direction: ltr;
    text-align: right;
    padding-right: 35px;
    border-radius: 4px;
    background-color: var(--backColor);
    min-height: 39px;
}
.dtp-ig {
    height: 39px;
    width: 36px;
}
.input.ADMdtp {
    padding: 0;
    position: absolute;
}
.ADMdtpInput > .removeIcon {
    background-color: unset;
    fill: var(--danger);
    background-image: none;
}

.dtp-ig .calendarIcon, .dtp-ig .removeIcon, .dtp-ig .closeIcon {
    background: unset;
    left: 5px;
}

.ADMdtpInput > .removeIcon:hover {
    background-color: unset;
    right: 2px;
}

svg.dtp-i.calendarIcon path, g#dtp-i-off {
    fill: #00c9ae !important;
}

.ADMdtp-calendar-container.rtl {
    background-color: #fafafa;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    z-index: 9999999;
}
.ADMdtpInput.open .dtp-ig .closeIcon{
    display: none !important
}

.ADMdtpInput.open .dtp-ig .calendarIcon{
    transform: none !important
}

.ADMdtpInput > .removeIcon:hover{
    right: 0
}

.ADMdtp-box footer .timeSelectIcon{
    display: inline-block
}