:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #fb8500;--nav-text-color: #ffffff;--color-primary: #fb8500;--color-state: #023047;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #00263d;--color-state-focus: #00263d;--color-state-active: #00152c;--footer-text-color-hover: #1c1c1c;}
/*CSS changed for completion conditions popup in programs and certifications*/
button, input.form-submit, input[type=button], input[type=submit], input[type=reset] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: var(--btn-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--btn-text-color);
    background-color: var(--btn-bg-color);
    border-color: var(--btn-border-color);
    margin: 0 0 3px 5px;
}

button:hover, input.form-submit:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .ui-dialog .ui-dialog-buttonpane button:hover {
    color: var(--btn-text-color-hover);
    text-decoration: none;
    background: var(--btn-bg-color-hover);
    border-color: var(--btn-border-color-hover);
    box-shadow: var(--btn-shadow-hover);
    outline: none;
}

button:active, button.active, input.form-submit:active, input.form-submit.active, input[type=button]:active, input[type=button].active, input[type=submit]:active, input[type=submit].active, input[type=reset]:active, input[type=reset].active {
    color: var(--btn-text-color-active);
    background: var(--btn-bg-color-active);
    border: var(--btn-border-width) solid;
    border-color: var(--btn-border-color-active);
    box-shadow: var(--btn-shadow-active);
}

button:focus, button.focus, button:active:focus, button:active.focus, button.active:focus, button.active.focus, input.form-submit:focus, input.form-submit.focus, input.form-submit:active:focus, input.form-submit:active.focus, input.form-submit.active:focus, input.form-submit.active.focus, input[type=button]:focus, input[type=button].focus, input[type=button]:active:focus, input[type=button]:active.focus, input[type=button].active:focus, input[type=button].active.focus, input[type=submit]:focus, input[type=submit].focus, input[type=submit]:active:focus, input[type=submit]:active.focus, input[type=submit].active:focus, input[type=submit].active.focus, input[type=reset]:focus, input[type=reset].focus, input[type=reset]:active:focus, input[type=reset]:active.focus, input[type=reset].active:focus, input[type=reset].active.focus {
    color: var(--btn-text-color);
    text-decoration: none;
}


#prog-completion-fixed-date select, #prog-completion-fixed-date input, #prog-completion-relative-date select, #prog-completion-relative-date input {
   width: auto;
}

/*Add grey line*/
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    text-align: left;
    border: 1px solid #ddd;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
}

.ui-dialog .ui-dialog-content {
    padding: .5em 1em;
}