/*Write your custom css in this file.*/
.report-available-wrap, .poa-wrap{
    font-size: 15px;
    margin-right: 20px;
}
.report-available-wrap span{
    font-weight: bold;
    color: #222;
}
.report-available-wrap a, .poa-wrap a{
    font-weight: bold;
}

.page-has-report-date.app-popover.report-date-popover{
    /*top: 50px !important;*/
    display: block;
}
.page-has-report-date.app-popover.report-date-popover .app-popover-arrow {
    bottom: -6px;
    transform: rotate(45deg);
    top: auto;
}
.hide-page-report-date .app-popover{
    display: none;
}
.clear-report-available-date, .clear-poa-date{
    margin-left: 10px;
}



.dropdown-menu .dropdown-item-inner {
    list-style: none;
    padding: 6px 10px !important;
    position: relative;
    /* display: block; */
  }

.dropdown-menu  .sub-item-list {
    display: none;
    position: absolute;
    left: 100%;
    margin-top: -29px;
    background: #fff;
    width: max-content;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 0px;
  }
.dropdown-menu .dropdown-item-inner:hover .sub-item-list {
    display: block;
}

.escalate-icon {
    width: 16px;
    margin-left: 6px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.3s all;
    opacity: 0.4;
}

.escalate-stage {
    position: relative;
    display: inline;
}

.escalate-users{
  position: absolute;
  width: 460px;
  bottom: 100%;
  left: calc(50% - 38px);
  margin-bottom: 10px;
}

.escalate-users:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  bottom: -9px;
  left: 30px;
}

.disn {
    display: none;
}

.anchor-escalate-icon.escalate-color .escalate-icon, 
.anchor-escalate-icon-reply.escalate-color .escalate-icon,
.escalate-color .escalate-icon {
  filter: unset;
  -webkit-filter: unset;
  opacity: 1;
}

ul.escalate-users-list {
    margin: 0px;
    list-style: none;
    background: #fff;
    box-shadow: 0px 8px 24px rgba(0,0,0,.15) !important;
    width: auto;
    display: inline;
    padding: 6px 10px 9px 10px;
    border-radius: 40px;
}
.escalate-users-list li {
    display: inline-block;
    border: 1px solid #f2f4f6 !important;
    margin: 2px 1px;
    padding: 2px 4px 2px 2px;
    font-size: 11px;
}

.notif-avatar {
    width: 34px;
    border-radius: 50%;
}

.notif-col1 {
    display: inline-block;
    width: 36px;
}
.notif-col2 {
    width: calc( 100% - 44px );
    display: inline-block;
    padding-left: 10px;
}

.notif-body {
    display: flex;
    padding: 15px;
}

.list-notification {
    margin-bottom: 14px;
    background: #fff;
    border-radius: 6px;
}

#notification-table tbody td {
    background: #eef1f9;
    padding: 0px !important;
}

.notif-title {
    padding: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.notif-title-inner {
    margin-bottom: 4px;
}

.notif-date {
    font-size: 10px;
}

#notification-table tbody tr {
    background: #eef1f9;
}

#notification-table thead {
    display: none;
}

#notifications .datatable-tools {
    background: #fff;
    border-radius: 0 0 5px 5px;
}

#notification-table {
    margin-top: 16px !important;
}

#notifications {
    background: #eef1f9;
}

.notif-reply {
    margin-top: 10px;
}

.notif-actiontype {
    font-size: 11px;
    margin-bottom: 4px;
    display: block;
}

.project-title-icon {
    width: 18px;
}

.type-list-title {
    width: 60%;
    display: inline-block;
    padding: 4px 10px;
    position: relative;
}
    .type-list-title:after {
        content: "";
    }

.type-list-expand {
    width: 39%;
    display: inline-block;
    text-align: right;
    padding: 4px 10px;
}

span.type-list-count {
    color: #f20000;
    margin-left: 4px;
}

#escalate-notification-icon-c svg {
    background: #FF8200;
    border-radius: 50px;
    color: #fff;
}

.w8p {
    width: 8%;
}

.w13p {
    width: 13%;
}

.dropdown-menu {
    min-width: 13rem;
}

.notification-escalates .inner-notif-description {
    font-style: italic;
}

.w2p {
    width: 2%;
}

.w7p {
    width: 8%;
}

.w6p {
	width: 6%;
}


.file-mockup-pdf {
    width: 64px;
    background: #F6F8F9;
    padding: 6px;
    border-radius: 6px;
}