.state-icon {
    left: -5px;
}
#ModalDocName {
    color: white;
}

#dialogPrevHdr, #dialogPrevCont {
    background-color: steelblue !important;
}

#dialogPrevBody {
    background-color: powderblue !important;
}

#dialogPrevHdr, .close {
    font-weight: bolder !important;
    font-size: larger !important;
}

#dialogModal {
  height: 90% !important; 
  width: 90% !important;
}

#dialogPrevCont {
    height: 100% !important; /* = 100% of the .modal-dialog block */
    width: 100% !important; /* = 90% of the .modal-backdrop block = %90 of the screen */
}
.numberAPPAPPC {
    position: absolute;
    top: 5px;
    right: -12px;
    padding: 3px 8px;
    border-radius: 50%;
    background: red;
    color: white;
}
.fa-stack[data-count]:after {
    position: absolute;
    right: -40%;
    top: 0%;
    content: attr(data-count);
    font-size: 65%;
    padding: .6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: rgba(255,0,0,.85);
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}
.fa-stack{
    font-size:1.3em;
}
.btn-default .badge {
    /* color: #fff; */
    background-color: red;
}
.btn {
    min-width: 31px;
}