/* Highlight missing fields on submit and if Invalid data */
input.submitted.ng-invalid
{
  border-color:red !important;
}

/* Highlight Picklist fields , if Invalid data is selected */
.select-dropdown.invalid > .ui-select-bootstrap > .ui-select-match > .btn {
    border-color: red;
}

/* Highlight input Fields , if any invalid data is entered */
.ng-dirty.ng-invalid {
    border-color:red !important;
}

input.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid {
    border-color:red !important;
}

.ng-valid-[key] {}      /* for each valid key added by $setValidity*/
.ng-invalid-[key] {}    /*  for each invalid key added by $setValidity*/
.ng-pristine {}         /*  the control hasn't been interacted with yet*/
.ng-dirty {}            /* the control has been interacted with*/
.ng-touched {}          /*  the control has been blurred*/
.ng-untouched {}        /* the control hasn't been blurred*/
.ng-pending {}          /* any $asyncValidators are unfulfilled*/

/*  Custom css style to avoid Flicker of angular message while page load */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display:none !important;
}

/* Custom css style to identify the resolution of device in which the page is loaded */
@media only screen and (max-width: 1024px) {
    #check-device { display: none; }
}

/* Added a css fix to disabled elements clearly on safari browser */
input[disabled], textarea[disabled],select[disabled='disabled']{
    -webkit-text-fill-color: rgba(0, 0, 0, 1);
}

/* Angular ui select choices values in multiline */
.ui-select-bootstrap .ui-select-choices-row > a{
    white-space: normal;
}

/* Angular ui select search enabled - false related css */
.ui-select-bootstrap[search-enabled=false] .ui-select-match.ng-hide {
    display: block !important;
}

.ui-select-bootstrap[search-enabled=false] .ui-select-match .text-muted.ng-hide {
    display: inline !important;
}

.ui-select-bootstrap[search-enabled=false].ng-dirty .ui-select-match .text-muted.ng-hide {
    display: none !important;
}