.ng-valid[required], .ng-valid.required, .ng-select-valid div > div > span  {
  border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form), .ng-select-required div > div > span   {
  border-left: 5px solid #a94442; /* red */
}

/*
    Fix for ngxDatatable and popover interaction
*/
.ngx-datatable {
    overflow: visible !important;
}


.form-control .mydp input{
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}


/*
    Users
*/
.author .avatar i{
    font-size: 124px;
    background-color: #FFFFFF;
}
.author .avatar{
    border:none;
    margin: 15px auto 0px;
}



/*
    Reporting bar
*/

.report-bar {
  font-size: .8em;
  line-height: 1;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  background: repeating-linear-gradient(
    to right,
    #ddd,
    #ddd 1px,
    #fff 1px,
    #fff 20%
    ) !important;
background: -webkit-repeating-linear-gradient(
    to right,
    #ddd,
    #ddd 1px,
    #fff 1px,
    #fff 20%
    ) !important;
background: -o-repeating-linear-gradient(
    to right,
    #ddd,
    #ddd 1px,
    #fff 1px,
    #fff 20%
    ) !important;
background: -moz-repeating-linear-gradient(
    to right,
    #ddd,
    #ddd 1px,
    #fff 1px,
    #fff 20%
    ) !important;
}
  
.report-bar-inner {
    content: "";
    -webkit-print-color-adjust: exact;
    display: block;
    background-color: #3d9970 !important;
    width: 50px;
    margin-bottom: 10px;
    height: 90%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s ease;
    cursor: pointer;
    color:#FFFFFF;
    font-weight: 600;
    padding: 10px 0px 10px 40px;
}

.report-bar:hover .report-bar:after,
.report-bar:focus .report-bar:after {
    background-color: #aaa; 
}