.alert.alert-danger > div {
    max-height: 200px;
    overflow: auto;
}

table .item-delete {
    vertical-align: center;
    text-align: center;
    width:60px;
}

table .item-edit-delete {
    vertical-align: center;
    text-align: center;
    width:100px;
}

table.table-data th {
    text-transform: none;
    font-weight: bolder;
}

table.table-data thead th.sortable {
    cursor: pointer;
    position: relative;
    padding-right:20px;
    text-align: left;
}

/* Table sortable icon */
table.table-data thead th.sortable:after {
    font-family: FontAwesome;
    right: 5px;
    position: absolute;
    content: "\f0dc";
    color:#ccc;
}

table.table-data thead th.sortable:hover:after {
    color:#888;
}

table.table-data thead th.sortable.asc:after {
    font-family: FontAwesome;
    content: "\f0de";
    color:#888;
}

table.table-data thead th.sortable.desc:after {
    font-family: FontAwesome;
    content: "\f0dd";
    color:#888;
}

.fixed-edit-input input,
.fixed-edit-input select {
    width:100%;
}

.sortable .drag-handler:hover {
    cursor: grab;
}

table.table-data td.editable {
    position: relative;
}

table.table-data td.editable .edit-icon {
    position: absolute;
    right: 5px;
    top:5px;
    cursor:pointer;
    display: none;
    padding:2px;
}

table.table-data td.editable:hover .edit-icon {
    display:block;
}

.hidden-icon {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.data-changed-value {
    animation: fade-data-changed-value 10s forwards;
    background-color:rgba(242, 245, 169, 1);
}

@keyframes fade-data-changed-value {
    from {background-color:rgba(242, 245, 169, 1);}
    to {background-color:rgba(242, 245, 169, 0);}
}

.clientComments {
    font-size: 12px;
}

.clientComments .comment-by {
    font-style: italic;
}
.text-red {
    color:red;
}

#clientCommentsModalContainer hr {
    margin:0;
}

@media screen and (max-width: 767px){
    .title-header{
        display: none;
    }
}