/* SPRINT */

#sprint_progress {
    position: relative;
}

#sprint_progress .wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 2px;
    grid-gap: 2px;
}

#sprint_progress .wrap .cell.remaining {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    height: 100%;
    text-align: center;
    background: #292929;
}

#sprint_progress .wrap .cell.remaining h3 {
    font-size: 19px;
    left: 140px;
}

#sprint_progress .wrap .cell.remaining .rate {
    font-size: 150px;
    top: 19px;
    top: 29px;
}

#sprint_progress .wrap .cell.remaining .rate.level-2 {
    color: #ff0000;
}

#sprint_progress .wrap .cell.other-data {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-gap: 2px;
    background: no-repeat;
    background: #1f1e1e;
    padding: 0px;
    min-height: unset;
    height: auto;
}

#sprint_progress .wrap .cell.other-data .data {
    background: #00000038;
    font-size: 40px;
    height: 80px;
    padding: 0px 0px;
    position: relative;
    background: #2e2d2d;
}

#sprint_progress .wrap .cell.other-data h3 {
    font-size: 12px;
    margin-top: 0px;
    left: 30px;
    transform: translateY(-50%);
    top: 50%;
    color: #868686;
}

#sprint_progress .wrap .cell.remaining .rate.level-1 {
    color: #ffa502;
}

#sprint_progress .wrap .progress-bar {
    grid-column-start: 1;
    grid-column-end: 5;
    height: 24px;
    background: #881919;
}

#sprint_progress .wrap .progress-bar .progress {
    grid-column-start: 1;
    grid-column-end: 5;
    height: 100%;
    background: #262626;
    display: block;
    position: relative;
    top: 0;
}

#sprint_progress .wrap .progress-bar .progress .tab .date {
    position: absolute;
    right: 0;
    font-weight: 400;
    color: #616161;
    text-transform: uppercase;
    padding: 6px 8px;
    font-size: 10px;
    z-index: 99;
    border-right: 1px solid #7777777a;
    padding-right: 9px;
    height: 100%;
    letter-spacing: 0.05em;
}

#ne_planner .pending .extra-request,
#ne_planner .progress .extra-request {
    background-image: url(../images/icons/shant.png) !important;
    background-position: 332px 11px !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
}
#ne_planner .card:hover .extra-request {
    opacity: 0;
    
}
#ne_planner .pending .extra-request,
#ne_planner .progress .extra-request {
    background-image: url(../images/icons/shant.png) !important;
    background-position: center !important;
    background-size: 8px !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    display: block;
    bottom: 7px;
    right: 13px;
    position: absolute;
    left: unset;
}

#ne_planner .pending .warning.card,
#ne_planner .issue .warning.card,
#ne_planner .ready .warning.card,
#ne_planner .review .warning.card,
#ne_planner .progress .warning.card {
    background: #cd1b1b !important;
}

#ne_planner .pending .soon.card,
#ne_planner .progress .soon.card {
    /* background-color: #615d5d !important; */
}

#ne_planner .pending .today.card,
#ne_planner .progress .today.card {
    background-color: #936a31 !important;
}

#sprint_progress .wrap .progress-bar .progress .tab {
    height: 100%;
    position: absolute;
    top: 0;
}

#sprint_progress .wrap .progress-bar .progress .level-1 {
    background: #65ff00;
}

#sprint_progress .wrap .progress-bar .progress .level-2 {
    background: orange;
}

#sprint_progress .wrap .progress-bar .progress .level-3 {
    background: red;
}

#sprint_progress .wrap .progress-bar .progress .tab.over {
    background: #383636;
    z-index: 99;
    right: 0;
    border-left: 2px solid #383636;
}

#sprint_progress .wrap .cell.issues.active .value {
    color: #ff0000;
}
#sprint_progress .cell:hover .issues-badge {
    bottom: 0;
}
#sprint_progress .cell .issues-badge {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    font-size: 13px;
    text-transform: capitalize;
    position: absolute;
    bottom: -50px;
    grid-gap: 1px;
    width: 100%;
    left: 0;
}
#sprint_monitor .late-tasks {
    position: absolute;
    top: 100px;
    left: 140px;
    z-index: 99;
    color: red;
}
#sprint_progress .issues-badge .badge {
    display: grid;
    position: relative;
    font-size: 7px;
    background-color: red;
    padding: 17px 14px 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 13px;
    height: 36px;
}

#sprint_progress .issues-badge .badge .count {
    display: grid;
    font-size: 23px;
    font-weight: 400;
    margin-left: 4px;
    text-align: right;
    /* width: 40px; */
    margin-left: auto;
    margin-top: 13px;
    position: absolute;
    right: 16px;
    top: 0;
}

#sprint_progress .wrap .cell.issues .value {
    color: #01e829;
}

#sprint_progress .wrap .cell {
    background: #383636;
    height: calc(100vh / 3 - 75px);
    position: relative;
    min-height: 200px;
}

#sprint_progress .cell h3 {
    color: #8888885e;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 0.04em;
    position: absolute;
    left: 95px;
    top: 56px;
    letter-spacing: 0.05em;
}

#sprint_progress .cell.issues.active h3 {
    color: #ff0000;
}

#sprint_progress .cell.issues h3 {
    color: #888888;
}

#sprint_progress .cell .data {
    font-size: 81px;
    color: #fff;
}

#sprint_progress .cell .value {
    top: 80px;
    right: 60px;
    font-size: 90px;
    color: #b6b6b6;
    text-align: right;
    position: absolute;
    bottom: 50px;
    top: unset;
}

#sprint_progress .cell .data .value {
    top: 50%;
    right: 36px;
    font-size: 24px;
    color: #ccc;
    text-align: right;
    position: absolute;
    transform: translateY(-50%);
    height: 22px;
}

#sprint_progress .cell .icon {
    position: absolute;
    top: 49px;
    left: 52px;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/monitor/ic-monitor-feedback.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.43;
}

#sprint_progress .cell.all-tasks .icon {
    background-image: url(../images/monitor/ic-monitor-tasks.png);
}

#sprint_progress .cell.feedback .icon {
    background-image: url(../images/monitor/ic-monitor-feedback.png);
}

#sprint_progress .cell.issues.active .icon {
    background-image: url(../images/monitor/ic-monitor-issues.png);
}

#sprint_progress .cell.issues .icon {}

#sprint_progress .cell.request .icon {
    background-image: url(../images/monitor/ic-monitor-request.png);
}

#sprint_progress .cell.sprint-end .icon {
    background-image: url(../images/monitor/ic-monitor-sprint-end.png);
}

#sprint_progress .cell.logs .icon {
    background-image: url(../images/monitor/ic-monitor-logs.png);
}



#sprint_monitor {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-gap: 2px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 202px;
}

#sprint_monitor .main {
    display: grid;
    grid-template-rows: calc(100vh - 365px) 251px;
    grid-gap: 2px;
    height: auto;
    width: auto;
    height: 2px;
}

#sprint_monitor .secondary {
    display: grid;
    grid-template-rows: calc(100vh - 610px) 243px 250px;
    grid-gap: 2px;
}

#sprint_monitor .timeline {

    overflow-y: scroll;
}


#sprint_monitor .box {

    overflow-y: scroll;
}

#sprint_monitor .box {
    overflow-y: scroll;
    position: absolute;
    z-index: 127;
    top: 0px;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
}

#sprint_monitor .box.active {
    display: block;
}

#sprint_monitor .box .row {
    background-color: #383636;
    margin-bottom: 1px;
}

#sprint_monitor .box .row {
    background-color: #383636;
    margin-bottom: 1px;
    scroll-snap-align: start;
    position: relative;
}


/* Issues */

#sprint_monitor .box.issues .row {
    height: 141px;
    position: relative;
    /* background-color: #871919; */
    border-left: 77px solid #871919;
}

#sprint_monitor .box.issues .row .title {
    position: absolute;
    top: calc(50% + 25px);
    left: 314px;
    font-size: 18px;
    font-weight: 400;
    opacity: 0.5;
    letter-spacing: 0.03em;
    transform: translateY(-50%);
}

#sprint_monitor .box.issues .row .report {
    position: absolute;
    top: 34px;
    left: 315px;
    color: white;
    font-size: 26px;
    letter-spacing: 0.05em;
}

#sprint_monitor .box.issues .row .id {
    position: absolute;
    top: 89px;
    left: 40px;
    color: #ffffff52;
    font-size: 15px;
    font-weight: 400;
}

#sprint_monitor .box.issues .row .date {
    position: absolute;
    top: 35px;
    left: 40px;
    font-size: 21px;
    text-transform: uppercase;
    color: #ffffff52;
}

#sprint_monitor .box.issues .row .avatar-wrapper {
    position: absolute;
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: cover;
    border: 1px solid #ffffff52;
    top: 30px;
    left: 170px;
}




#sprint_monitor .box.requests .row {
    height: 60px;
    position: relative;
}

#sprint_monitor .box.requests .row .title {
    position: absolute;
    top: 20px;
    left: 20px;

}

#sprint_monitor .box.requests .row .avatar-wrapper {
    position: absolute;
    width: 30px;
    height: 30px;
}

#sprint_monitor .box.scroll-snap {
    scroll-snap-type: y mandatory;
    scroll-snap-align: start;
}

#show_monitor_issues {
    position: absolute;
    z-index: 131;
    bottom: 60px;
    left: 50px;
}

#show_monitor_issues.active {
    position: fixed;
    z-index: 131;
    top: 120px;
    right: 20px;
    left: unset;
}



#sprint_monitor .box.campaigns .row {
    height: 50px;
    position: relative;
}

#sprint_monitor .box.campaigns .row .status {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #e7462b;
    font-size: 14px;
}

#sprint_monitor .box.campaigns .row .title {
    position: absolute;
    top: 15px;
    left: 20px;


}



#sprint_monitor .box.feedbacks .row {
    height: 150px;
    position: relative;
}

#sprint_monitor .box.feedbacks .row .status {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #e7462b;

}

#sprint_monitor .box.feedbacks .row .title {
    position: absolute;
    top: 15px;
    left: 60px;
    max-width: 670px;
    font-size: 18px;
    font-weight: 300;
}

#sprint_monitor .box.feedbacks .row .account {
    position: absolute;
    top: 108px;
    left: 140px;
}

#sprint_monitor .box.feedbacks .row .task_id {
    position: absolute;
    top: 106px;
    right: 20px;
}

#sprint_monitor .box.feedbacks .row .avatar-wrapper {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 20px;
    top: 100px;
}