:root {
        --clrDanger: #C64B31;
        --eaGray1: #201D1E;
        --eaGray2: #D8DDE4;
        --eaGray3: #f2f5f8;
        --eaGray4: #E3E7ED;
        --eaGray66: #666;
        --eaGray75: #757575;
        --eaGray44: #444;
        --eaGray22: #222;
}

.reminder-dialog-parent .edit-reminder,
.reminder-dialog-parent .addEdit-reminder,
div:not(.dialog) .ea-common-dialog,
div:not(.dialog) .reminder-dialog { display: none; }
/* reminder dialog */
.reminder-dialog-parent.ui-dialog .ui-dialog-content { padding: 0; overflow: visible !important; max-height: none !important; }
.reminder-dialog-parent .dialog-head { padding: 0 0 35px; display: flex; align-items: flex-start; }
.reminder-dialog-parent .heading-1 { font-size: 18px; line-height: 1.222222222222222; margin: 0 0 7px; color: var(--eaGray1); font-weight: 700; }
.reminder-dialog-parent .dialog-head p { color: #6B7080; font-size: 0.9285714285714286em; line-height: 1.461538461538462; margin: 0; }
.reminder-dialog-parent .addEdit-reminder .dialog-head { padding: 0 0 39px; }
.reminder-dialog-parent .addEdit-reminder .dialog-head p { color: #6B7080; font-size: 14px; line-height: 1.428571428571429; letter-spacing: 0.0125em; }
.reminder-dialog-parent .dialog-close { padding: 0; border-width: 0; background: none; color: var(--eaGray75); }
.reminder-dialog-parent.ui-dialog .icon-cross { font-size: 9px; opacity: 1; z-index: 5; top: 12px; right: 12px; }
.reminder-dialog-parent.ui-dialog .icon-cross:not(:hover):not(:focus) { color: #6B7080; }
.reminder-dialog-parent .addEdit-reminder { padding: 30px 32px 40px; }
.reminder-dialog-parent .d-flex { gap: 18px; }
.reminder-dialog-parent .flex-1 { flex: 1; }
.reminder-dialog-parent textarea { padding: 0; min-height: 36px; max-height: 80px; }
.reminder-dialog-parent label > em { margin: 1px 0 0 6px; }
.reminder-dialog-parent .btn-tooltip { margin: 0 0 0 10px; position: relative; top: -4px; font-size: 12px; }
.reminder-dialog-parent .btn-tooltip .ico { display: block; line-height: 1; }
.reminder-dialog-parent .btn-tooltip:where(:hover, :focus, :active) { outline: dotted 1px; outline-offset: 1px; }
.field-focused .ico { color: inherit; }
.reminder-dialog-parent .heading-2 { display: block; font-size: 1rem; line-height: 1.46875; letter-spacing: 0.0125rem; color: rgba(32, 29, 30, 0.9); font-weight: 500; margin: 0 0 8px; }
.reminder-dialog-parent .heading-2 > em { margin: -1px 0 0 2px; }
.reminder-dialog-parent p { margin: 0 0 16px; color: #6B7080; font-size: 14px; line-height: 1.428571428571429; }
.reminder-dialog-parent [type="text"] { padding-left: 0; padding-right: 0; }
.reminder-dialog-parent .addEdit-reminder,
.reminder-dialog-parent .edit-reminder { position: relative; overflow-y: auto !important; max-height: calc(100vh - 30px) !important; }
.reminder-dialog-parent .addEdit-reminder:focus,
.reminder-dialog-parent .edit-reminder:focus { outline: dashed 1px #757575; outline-offset: -2px; }
.reminder-dialog-parent .edit-reminder .dialog-head { padding: 0 0 11px; }
.reminder-dialog-parent .edit-reminder .dialog-head p { color: #6B7080;  }
.reminder-dialog-parent .edit-reminder .dialog-footer { padding: 0; }
.reminder-dialog-parent .edit-reminder-set { border-bottom: dashed 1px #EFEFF1; padding: 28px 35px 30px; }
.reminder-dialog-parent .info-holder { display: flex; flex-direction: column; width: 100%; }
.reminder-dialog-parent .reminder-info { display: flex; flex-wrap: wrap; gap: 10px; }
.reminder-dialog-parent .info-col { margin: 10px 0 0; }
.reminder-dialog-parent .info-col .label { font-weight: 400; margin: 0 0 15px; font-size: 0.75rem; line-height: 1.5; color: #6B7080; }
.reminder-dialog-parent .info-col .info { font-size: 0.8571428571428571em; line-height: 1.5; letter-spacing: 0.016875rem; display: flex; align-items: center; background: rgba(239, 239, 241, 0.6); border-radius: 20px; gap: 0.8333333333333333em; padding: 7px 19px; color: #102BA5; min-width: 104px; }
.reminder-dialog-parent .info-col .ico,
.reminder-dialog-parent .info-col [class*="icon"] { color: #606060; }
.reminder-dialog-parent .reminder-actions { padding: 30px 0 0; display: flex; gap: 16px; }
.reminder-dialog-parent .reminder-actions .btn { flex: 1; font-size: 0.75rem; line-height: 1.5; padding: 6px 15px; }
.reminder-dialog-parent .reminder-actions .btn:not(:hover):not(:focus) { color: #1B223A; border-color: #D6D7DC; }
.reminder-dialog-parent .btn-add-new-reminder { min-width: 100%; background: #F9FAFA; display: flex; align-items: center; justify-content: center; color: #102BA5; border-width: 0; font-size: 0.875rem; line-height: 1.5; padding: 13px 35px; gap: 0.6428571428571429em; transition: all 0.25s ease; }
.reminder-dialog-parent .btn-add-new-reminder .ico { width: 1.5rem; height: 1.5rem; line-height: 1; font-size: 0.875em; align-items: center; justify-content: center; display: flex; position: relative; color: var(--ch32-brand); transition: all 0.25s ease; }
.reminder-dialog-parent .btn-add-new-reminder .ico:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 100%; background-color: #E5F3FF; transition: all 0.25s ease; }
.reminder-dialog-parent .btn-add-new-reminder [class*="icon-"] { position: relative; z-index: 2; transition: all 0.25s ease; color: #102BA5; }
.reminder-dialog-parent .btn-add-new-reminder:where(:hover, :focus)  .ico { background: #fff; }
.reminder-dialog-parent .btn-add-new-reminder:where(:hover, :focus) .ico:before { background: var(--ch32-brand); }
.reminder-dialog-parent .btn-add-new-reminder:where(:hover, :focus) [class*="icon-"] { color: #fff; }
.reminder-dialog-parent .field-focused .form-control { border-color: #D8DDE4 !important; }
.reminder-dialog-parent .field-focused .form-control.error-field{ border-color:#d36e6e!important; }
.reminder-dialog-parent .chosen-container .chosen-single:after { color: #BBBDC5; }
@media screen and (min-width: 768px) {
    .reminder-dialog-parent .addEdit-reminder .dialog-body > .field-holder:first-child .field { max-width: calc(50% - 15px); }
    #deleteReminder-dialog > .text-center { min-height: 323px; }
}

.reminder-radios { position: relative; margin: -5px 0 0; z-index: 6; }
.reminder-radios [class*="iradio"] { position: absolute; left: 0; bottom: 0; opacity: 0; }
.reminder-radios .radio {  display: inline-flex; position: relative; border: solid 1px #ccc; border-radius: 20px; overflow: hidden; }
.reminder-radios label { margin: 0; position: relative; z-index: 2; font-size: 0.8125rem; line-height: 1.384615384615385; padding: 8px 27px; display: flex; align-items: center; gap: 10px; cursor: pointer; color: var(--eaGray75); transition: all 0.25s ease; }
.reminder-radios label:where(.hover, .focus, :hover):not(.active) { color: var(--ch32-brand); }
.reminder-radios label:where(.hover, .focus, :hover) .text { text-decoration: underline; }
.reminder-radios label.active { color: #fff; }
.reminder-radios .bg { position: absolute; top: 0; height: 100%; border-radius: 20px; }
.reminder-dialog-parent .dialog-footer { padding: 14px 0 0; display: flex; flex-wrap: wrap; gap: 18px; }
.reminder-dialog-parent .dialog-footer .btn { flex: 1; padding: 10px; }
.reminder-dialog-parent .field-holder { min-height: 81px; }
.reminder-dialog-parent.ui-dialog .field > label { font-size: 0.75rem; line-height: 1.5; color: #6B7080; }
.reminder-dialog-parent.ui-dialog .label-slide label.top-auto { transform: none; }
.reminder-dialog-parent .divider { display: none; }
/*.reminder-dialog-parent .or { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 2.083333333333333em; height: 2.083333333333333em; font-size: 0.8571428571428571em; line-height: 1.5; color: #666; background: #F7F7F7; border: solid 1px #D8DDE4; border-radius: 100%; }*/
.reminder-dialog-parent .set .row { margin-left: -12px; margin-right: -12px; }
.reminder-dialog-parent .set [class*="col-"] { padding-left: 12px; padding-right: 12px; }
.reminder-dialog-parent .common-set .d-flex { gap: 0; }
.reminder-dialog-parent .common-set .field-holder { min-height: inherit; margin: 0; }
.reminder-dialog-parent .common-set .field-holder,
.reminder-dialog-parent .common-set .field-holder { width: 25%; }
.reminder-dialog-parent .common-set .picker-holder { width: 50%; }
.reminder-dialog-parent .common-set.set-return-period { margin: 8px 0 0; }
.reminder-dialog-parent .set-remind-before .d-flex { gap: 16px; }
.reminder-dialog-parent .set { margin: 6px 0 0; }
.reminder-dialog-parent .set + .set { margin-top: 6px; }
.reminder-dialog-parent .set.set-remind-before + .set { margin: 31px 0 0; }
.reminder-dialog-parent .set:last-child { margin: 2px 0 0; }
.reminder-dialog-parent .reminder-radios { margin: 17px 0 0; }
.reminder-dialog-parent .form-control { height: 36px; }
.reminder-dialog-parent textarea.form-control { letter-spacing: 0.0175rem; }
.reminder-dialog-parent .form-control.hasTimepicker ~ .field-ico,
.reminder-dialog-parent .form-control.hasDatepicker ~ .field-ico { top: 28px; pointer-events: none; color: #888; }
.reminder-dialog-parent .form-control.hasTimepicker:focus ~ .field-ico,
.reminder-dialog-parent .form-control.hasDatepicker:focus ~ .field-ico { color: #666; }
.reminder-dialog-parent.ui-dialog .chosen-container .chosen-single { font-size: 16px; color: #201D1E; }
.reminder-dialog-parent .alert .close { top: 25px; }
.reminder-dialog-parent .set.chosen-top:last-child .heading-2  { margin: 0 0 16px; }

div:not(.dialog) .ea-common-dialog,
div:not(.dialog) .reminder-dialog { display: none; }

.ea-common-dialog { text-align: center; }
.ea-common-dialog .img-holder { margin: 0 auto 39px; }
.ea-common-dialog .title { margin: 0 0 10px; font-size: 1.125rem; line-height: 1.222222222222222; color: var(--eaGray1); }
.ea-common-dialog p { font-size: 0.8125rem; line-height: 1.384615384615385; color: rgba(102, 102, 102, 0.9); margin: 0; }
.ea-common-dialog p.danger { color: var(--clrDanger); margin: 0; }
.ea-common-dialog .btns { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 44px 0 0; }
.ea-common-dialog .btns .btn { margin: 0; min-width: 130px; font-size: 14px; padding: 10px 20px; }


@media screen and (max-width: 767px) {
    .reminder-dialog-parent .set [class*="col-6"] { flex: 0 0 100%; max-width: 100%; }
    .reminder-radios label { padding: 7px 14px; }
    .reminder-dialog-parent .dialog-footer .btn { min-width: 120px; }
    .reminder-dialog-parent .radios .btn { font-size: 0.625rem; }

    .reminder-dialog-parent .common-set .d-flex { flex-wrap: wrap; gap: 0; margin: 0 -12px; }
    .reminder-dialog-parent .common-set .field-holder:nth-child(1),
    .reminder-dialog-parent .common-set .field-holder:nth-child(2) { flex: 0 0 50%; max-width: 50%; padding: 0 12px; }
    .reminder-dialog-parent .common-set .field-holder:last-child { padding: 24px 12px 0; flex: 0 0 100%; max-width: 100%; }
    .reminder-dialog-parent .divider { width: 45px; padding: 0 0 0 12px;}
    .reminder-dialog-parent .divider:empty { display: none; }
    .reminder-dialog-parent .common-set .divider:not(:empty) + .field-holder { flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); }
    .reminder-dialog-parent .or { margin: 0; }
}