input[type="text"].ng-valid[required],
input[type="text"].ng-valid.required,
input[type="number"].ng-valid[required],
input[type="number"].ng-valid.required,
input[type="date"].ng-valid[required],
input[type="date"].ng-valid.required,
input[type="password"].ng-valid[required],
input[type="password"].ng-valid.required  {
  border-left: 5px solid #42A948; /* green */
}


input[type="text"].ng-invalid:not(form),
input[type="number"].ng-invalid:not(form),
input[type="date"].ng-invalid:not(form),
input[type="password"].ng-invalid:not(form)  {
  border-left: 5px solid #a94442; /* red */
}

select.ng-invalid:not(form){
  border-left: 5px solid #a94442; /* red */
}
select.ng-valid[required],
select.ng-valid.required  {
  border-left: 5px solid #42A948; /* green */
}

.profile .table-profile a.c-inline-editor {
  color:black;
  position: relative;
  padding-left: 15px;
  text-decoration: underline;
}

.profile .table-profile a.c-inline-editor:hover {
  cursor: pointer;
}

.profile .table-profile a.c-inline-editor:before {
    content: "\f040";
    font-family: "FontAwesome";
    left:0px;
    top:0;
    position:absolute;
 }

.profile .c-inline-editor .form-group {
  width:100%
}

.profile .c-inline-editor .form-control {
  width:80%;
  height: 22px;
}


/*   NGX DATA TABLE  */
@font-face {
  font-family: "data-table";
  src:url("fonts/data-table.eot");
  src:url("fonts/data-table.eot?#iefix") format("embedded-opentype"),
    url("fonts/data-table.woff") format("woff"),
    url("fonts/data-table.ttf") format("truetype"),
    url("fonts/data-table.svg#data-table") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "data-table" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="datatable-icon-"]:before,
[class*=" datatable-icon-"]:before {
  font-family: "data-table" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter:before {
  content: "\62";
}
.datatable-icon-collapse:before {
  content: "\61";
}
.datatable-icon-expand:before {
  content: "\63";
}
.datatable-icon-close:before {
  content: "\64";
}
.datatable-icon-up:before {
  content: "\65";
}
.datatable-icon-down:before {
  content: "\66";
}
.datatable-icon-sort:before {
  content: "\67";
}
.datatable-icon-done:before {
  content: "\68";
}
.datatable-icon-done-all:before {
  content: "\69";
}
.datatable-icon-search:before {
  content: "\6a";
}
.datatable-icon-pin:before {
  content: "\6b";
}
.datatable-icon-add:before {
  content: "\6d";
}
.datatable-icon-left:before {
  content: "\6f";
}
.datatable-icon-right:before {
  content: "\70";
}
.datatable-icon-skip:before {
  content: "\71";
}
.datatable-icon-prev:before {
  content: "\72";
}

.ngx-datatable.dark {
  box-shadow: none;
  background: #1b1e27;
  color: #fff;
  font-size: 13px; }
  .ngx-datatable.dark .datatable-header {
    background: #181b24;
    color: #72809b; }
    .ngx-datatable.dark .datatable-header .datatable-header-cell {
      text-align: left;
      padding: .5rem 1.2rem;
      font-weight: bold; }
      .ngx-datatable.dark .datatable-header .datatable-header-cell .datatable-header-cell-label {
        line-height: 24px; }
  .ngx-datatable.dark .datatable-body {
    background: #fff;
    color: #707478; }
    .ngx-datatable.dark .datatable-body .datatable-body-row {
      border-top: 1px solid #e2e7eb; }
      .ngx-datatable.dark .datatable-body .datatable-body-row .datatable-body-cell {
        text-align: left;
        padding: .5rem 1.2rem;
        vertical-align: top; }
      .ngx-datatable.dark .datatable-body .datatable-body-row:hover {
        background: #e2e7eb;
        transition-property: background;
        transition-duration: .3s;
        transition-timing-function: linear; }
      .ngx-datatable.dark .datatable-body .datatable-body-row:focus {
        background-color: #232837; }
      .ngx-datatable.dark .datatable-body .datatable-body-row.active {
        background-color: #1483ff;
        color: #FFF; }
  .ngx-datatable.dark .datatable-footer {
    background: #242a30;
    color: #72809b;
    margin-top: -1px; }
    .ngx-datatable.dark .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
    .ngx-datatable.dark .datatable-footer .datatable-pager {
      margin: 0 10px;
      vertical-align: top; }
      .ngx-datatable.dark .datatable-footer .datatable-pager ul li {
        margin: 10px 0px; }
        .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled).active a,
        .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
          background-color: #2D353C;
          font-weight: bold; }
      .ngx-datatable.dark .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0;
        border-radius: 0px;
        border-color: #2D353C;
        margin: 0 3px;
        text-align: center;
        vertical-align: top;
        text-decoration: none;
        vertical-align: bottom;
        color: #72809b; }
      .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-left,
      .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-skip,
      .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-right,
      .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-prev {
        font-size: 18px;
        line-height: 27px;
        padding: 0 3px; }

.ngx-datatable.dark-horizontal-scrollbar {
    box-shadow: none;
    background: #1b1e27;
    color: #fff;
    font-size: 13px;
    overflow-x: scroll; }
    .ngx-datatable.dark-horizontal-scrollbar .datatable-header {
      background: #181b24;
      color: #72809b;
      width: 102% !important; }
      .ngx-datatable.dark-horizontal-scrollbar .datatable-header .datatable-header-cell {
        text-align: left;
        padding: .5rem 1.2rem;
        font-weight: bold; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-header .datatable-header-cell .datatable-header-cell-label {
          line-height: 24px; }
    .ngx-datatable.dark-horizontal-scrollbar .datatable-body {
      background: #fff;
      color: #707478;
      width: 102% !important; }
      .ngx-datatable.dark-horizontal-scrollbar .datatable-body .datatable-body-row {
        border-top: 1px solid #e2e7eb; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-body .datatable-body-row .datatable-body-cell {
          text-align: left;
          padding: .5rem 1.2rem;
          vertical-align: top; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-body .datatable-body-row:hover {
          background: #e2e7eb;
          transition-property: background;
          transition-duration: .3s;
          transition-timing-function: linear; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-body .datatable-body-row:focus {
          background-color: #232837; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-body .datatable-body-row.active {
          background-color: #1483ff;
          color: #FFF; }
    .ngx-datatable.dark-horizontal-scrollbar .datatable-footer {
      background: #242a30;
      color: #72809b;
      margin-top: -1px;
      width: 102%; }
      .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .page-count {
        line-height: 50px;
        height: 50px;
        padding: 0 1.2rem; }
      .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager {
        margin: 0 10px;
        vertical-align: top; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager ul li {
          margin: 10px 0px; }
          .ngx-datatable.dardark-horizontal-scrollbarkD .datatable-footer .datatable-pager ul li:not(.disabled).active a,
          .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
            background-color: #2D353C;
            font-weight: bold; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager a {
          height: 22px;
          min-width: 24px;
          line-height: 22px;
          padding: 0;
          border-radius: 0px;
          border-color: #2D353C;
          margin: 0 3px;
          text-align: center;
          vertical-align: top;
          text-decoration: none;
          vertical-align: bottom;
          color: #72809b; }
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager .datatable-icon-left,
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager .datatable-icon-skip,
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager .datatable-icon-right,
        .ngx-datatable.dark-horizontal-scrollbar .datatable-footer .datatable-pager .datatable-icon-prev {
          font-size: 18px;
          line-height: 27px;
          padding: 0 3px; }