.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-content {
    width: 276px;
    border-radius: 0px;
    padding: 0px;
    font-size: 13px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-container-parameter-set {
    position: relative;
    background-color: #1BB883;
    min-height: 46px;
    width: 100%;
    box-shadow: 2px 2px 2px black;
    color: var(--color-primary-text);
    font-size: 12px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .title
{
    font-size: 13px;
    text-align: center;
    display: table-cell;
    width: 210px;
    height: 46px;
    vertical-align:middle;
    text-align:center;
    font-family: UIFont-Medium;
}


.ngdialog.ngdialog-theme-default.parameter-set.success .message
{
    width: 276px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    font-family: UIFont-Regular;
    padding-bottom: 20px;
}


.ngdialog.ngdialog-theme-default.parameter-set.success .icon-to-show{
    float: left;
    height: 46px;
    margin-left: 4px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .icon-to-show:before{
    content: '\e81f ';
    color: #FFFFFF;
    font-size: 23px;
    line-height: 46px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-close {
    height: 46px;
    width: 44px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-close:before {
    content: '\e80c';
    color: #FFFFFF;
    font-size: 10px;
    font-family: "fontello";
    line-height: 42px;
}

.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default.parameter-set.success .ngdialog-close:active:before {
    color: #777;
}




/*ERROR ---- */


.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-content {
    width: 276px;
    border-radius: 0px;
    padding: 0px;
    font-size: 13px;
    font-family: UIFont-Light;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-container-parameter-set {
    position: relative;
    background-color: #f03040;
    min-height: 46px;
    width: 100%;
    box-shadow: 2px 2px 2px black;
    color:#D2D2D2;
    font-size: 12px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .title
{
    width: 210px;
    font-size: 13px;
    text-align: center;
    display: table-cell;
    height: 46px;
    vertical-align:middle;
    text-align:center;
    font-family: UIFont-Regular;
}


.ngdialog.ngdialog-theme-default.parameter-set.error .message
{
    width: 276px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    font-family: UIFont-Regular;
    padding-bottom: 20px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .icon-to-show{
    float: left;
    height: 46px;
    margin-left: 4px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .icon-to-show:before{
    content: '\e81e ';
    color: #FFFFFF;
    font-size: 23px;
    line-height: 46px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-close {
    height: 46px;
    width: 44px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-close:before {
    content: '\e80c';
    color: #FFFFFF;
    font-size: 10px;
    font-family: "fontello";
    line-height: 42px;
}

.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default.parameter-set.error .ngdialog-close:active:before {
    color: #777;
}

.datepicker {
    z-index: 9999;
    position: relative;
    background: var(--color-content-area);
}
.datepicker::selection{

}
.datepicker ul {
    list-style-type: none;
    padding: 0;
}
.datepicker table {
    border: solid 1px var(--color-tracks);
    width: 100%;
}
.datepicker table,
.datepicker thead,
.datepicker th,
.datepicker tr,
.datepicker td {
    background: var(--color-content-area);
    text-align: center;
    height: 32px;
}
.meridian{
    width: 50px;
    min-width: auto;
    margin-left: 0;
}
.datepicker input.date-displayed {
    float: left;
    border-radius: 0;
    -webkit-appearance: none;
    background-image: url("../../abb-components/abb-directives/abb-input/img/ic_cux_calendar.svg");
    background-repeat: no-repeat;
    background-position: right;
    width: 278px;
}
.datepicker input {
    border: solid 1px #DCDCDB;
}
.datepicker input:disabled {
    background: #dddddd;
}
.datepicker .btn-default.active {
    background: var(--color-accent);
    color: var(--color-on-accent);
    font-size: 16px;
    font-weight: bold;
}
.datepicker .btn-info {
    border-radius: 0;
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    font-family: Arial, sans-serif;
    color: #ffffff;
    border-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background: var(--color-info);
}
.datepicker .btn-sm,
.datepicker .btn-group-sm > .btn {
    border-radius: 0;
}
.datepicker .btn {
    border: none;
    border-radius: 0;
    width: 100%;
    min-width: auto;
    margin-left: 0px;
    background: var(--color-content-area);
    color: var(--color-primary-text)
}

.datepicker th.day-label{
    background: var(--color-tr-background-striped);
}