#month-selector-wrapper {
    display: inline-table;
}
#month-selector-wrapper .button-sm {display: inline-block;position: unset;width: 22px;margin-right: 4px;height: 29px;position: relative;top: -1px;}



/* Reports */


#current_month_log li {
    padding: 0 20px;
    margin-bottom: 1px;
    background: #fff;
}

#current_month_log li h3 {
    display: inline-block;
    width: auto;
    margin: 20px;
}

#current_month_log li span {
    display: inline-block;
    width: 180px;
    font-size: 24px;
}




.ne-form.url {
    width: 370px;
}





/* Management */
.report-wrap.easy {
    position: absolute;
    top: 46px;
    width: 100%;
    display: none;
}
.report-wrap.easy.active {
    position: absolute;
    top: 46px;
    width: 100%;
    display: block;
}
.task-reporting .single.active {
    /* background: red; */
    display: grid;
}
.report-wrap .user {
	padding: 15px 16px 10px;
	font-size: 18px;
	letter-spacing: 0.04em;
	cursor: pointer;
	background: #383636;
}
.report-wrap .user span.date {
    width: 203px;
    display: inline-block;
    text-transform: uppercase;
    color: #8c8c8c;
    font-weight: 400;
    font-size: 20px;
}
 .ne-report .nav-lr {
    position: absolute;
    z-index: 99;
    left: 400px;
    width: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4px;
    top: 57px;
}
.report-wrap {
    height: 47px;
    overflow: hidden;
    background: #383636;
}
.report-wrap.active {
    height: auto;
    overflow: hidden;
    background: #242424;
}
.task-reporting {
				padding: 0;
				/* border-bottom: 3px solid #2e2e2e; */
				/* background: #262626; */
				/* max-height: 490px; */
				/* overflow-y: scroll; */
			}
			.task-reporting .reports {
				display: grid;
				grid-gap: 1px;
				position: relative;
				padding-top: 71px;
			}
			.task-reporting .title {
				font-size: 15px;
				margin-bottom: 3px;
				letter-spacing: 0.05em;
				font-weight: 400;
				text-transform: uppercase;
				padding: 0 16px;
			}
.task-reporting .single span.report {
    font-size: 15px;
	   line-height: 25px;
    width: 440px;
    letter-spacing: 0.02em;
    font-weight: 300;
}
.task-reporting .single a.pic {
    line-height: 25px;
    width: auto;
    letter-spacing: 0.02em;
    font-weight: 300;
}
			.task-reporting .single span {
				display: block;
				/* margin: 4px 0; */
				color: #ddddddb5;
				font-size: 10px;
			}
.task-reporting  .nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 34px;
    /* width: 100%; */
    z-index: 99;
    background: #383636;
    display: grid;
    grid-template-columns: 120px 120px 120px 120px 120px 120px 120px auto;
    grid-gap: 3px;
    padding: 2px;
    width: 100%;
    text-align: center;
}
.task-reporting  .nav .acc-filter.active {
	background-color: #f4a83c;
	color: #000;
}
.task-reporting  .nav .acc-filter {
    /* position: absolute; */
    top: 0;
    left: 0;
    height: 30px;
    width: 120px;
    display: inline-block;
    color: #fff;
    background: #4a4646;
    padding: 3px 12px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #ccc;
    cursor: pointer;
	font-weight: 400;
}
.task-reporting .single.head {
    height: 35px;
    background: #262626;
    padding: 4px 16px;
    position: absolute;
    top: 36px;
    width: 100%;
    display: grid;
    z-index: 4;
}
			.task-reporting .single {
				background: #1b1b1b;
				padding: 4px 16px;
				display: grid;
				grid-template-columns: 70px 80px 70px 60px 60px 480px 110px 80px 70px auto;
				width: 100%;
				justify-content: left;
				grid-gap: 10px;
				font-size: 14px;
				border-top: 1px solid #dddddd0a;
				height: 35px;
				z-index: 1;
				position: relative;
				display: none;
			}
			.task-reporting span.report-status {
				width: 54px;
				text-align: center;
				padding: 0px;
				font-size: 8px;
				font-weight: 400;
				text-transform: uppercase;
				/* margin-bottom: 15px; */
				color: #000;
				height: fit-content;
				display: block;
				margin: 5px 0;
				height: 16px;
				line-height: 15px;
				}

















/* Submit report */
.form_wrap {
    position: absolute;
    z-index: 99;
    width: 90%;
    height: 100vh;
    top: 0px;
    background: #000000ba;
    left: calc(50% - 400px);
    box-shadow: 0px 0px 100px #000;
    padding: 0px 0 20px;
    top: -1000px;
    left: 0;
}

.form_wrap.active {
    top: 0px;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
}

.form_wrap.active h5 {
    margin: 60px 0 0;
    background: #262626;
    font-size: 12px;
    padding: 22px 30px 12px;
    margin: 0px -30px 20px -30px;
    border-bottom: 1px solid #1b1b1b4d;
    color: #fff;
}
.sprint_report_tabs {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 2px;
	/* background: #1b1b1b; */
	padding: 2px;
}
.sprint-reports-wrap {
    height: calc(100vh - 150px);
    overflow-y: scroll;
}
.sprint_report_tabs .button {
	width: -webkit-fill-available;
	color: #aaa;
	background: #383636;
	border-radius: 0;
}
.sprint-reports-wrap h3 {
    padding: 9px 11px;
    font-size: 10px;
    color: #fff;
    background: #4a4646;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.sprint-reports-wrap .section {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
    background: #383636;
    padding: 3px;
}
.sprint_report_tabs .button.active {
	width: -webkit-fill-available;
	color: #262626;
	background: #f3a83c;
}
.form_wrap.active .submit, .form_wrap.active .close {
    /* margin: 40px 0 0; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 10px; */
    /* color: #f3a83c; */
}
.form_wrap .actions {
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 999;
    width: auto;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: auto auto auto auto;
}
.form_wrap.active .close {
    /* margin: 40px 0 0; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 40px; */
    background: #1b1b1b7a;
    color: #888888;
}
.form_wrap.active input[type=button]:hover {
	    background: #7878787a;
	    color: #fff;
}
.form_wrap.active input[type=text] {
        background-color: #2a2a2a;
        border: 0;
        color: #ddddddf0;
        font-weight: 300;
}
.form_wrap.active .row.main input[type=text],
.form_wrap.active .row.main select {background-color: #1b1b1b !important;border: 0;color: #ddd;/* height: 43px; */}
.form_wrap.active .row select {
    background: #2a2a2a !important;
    color: #aaa;
    border: 0px solid #373737;
    width: 140px;
    height: 43px;
}
.form_wrap.active .row.main:hover input[type=text], .form_wrap.active .row.main:hover select {background-color: #38363694 !important;border: 0;color: #ddd;}
.form_wrap .ne-date {
	width: 168px;
}
.form_wrap .short {
	width: 110px;
}
.form_wrap .report-path {
	width: 420px;
}

.form_wrap.active .ne-form label {
    color: #88888859;
}
.form_wrap.active .tab .ne-checkbox-switch label {
    color: #cccccc;
    width: auto;
    font-size: 12px;
    background-color: #4a4646 !important;
    border: 0px solid #444;
    margin: 0;
}
.form_wrap.active .ne-form:hover label {
    /* color: #f3a83c; */
    background-color: #2d2a2a !important;
}
.form_wrap.active #ne_sprint_report_submit_form fieldset {
    border: 0;
    margin-bottom: 0px;
    padding: 0 30px 60px;
    display: none;
}
.form_wrap.active #ne_sprint_report_submit_form fieldset.active {
    display: block;
    background: #262626;
}
.sprint-options {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 2px;
}
.sprint-options .ne-checkbox-switch label {
display: block;
	
}

.sprint-options .ne-checkbox-switch label {}
.sprint-options .ne-form {
	width: 100%;
}
.sprint-options input[type=checkbox] + .ne-ui span {
	width: 100%;
	text-align: left;
	padding-left: 44px;
}
.sprint-options input[type=checkbox]:checked + .ne-ui {
	color: #36e632;
	background-color: #1d5e24 !important;
}
.sprint-options input[type=checkbox]:checked + .ne-ui:hover {
	background-color: #1d5e24 !important;
}
.form_wrap.active fieldset {
    border: 0;
    margin-bottom: 0px;
    /* padding: 0 30px 60px; */
}
.form_wrap.active fieldset.active {
    display: block;
    background: #262626;
    /* margin: 2px; */
}
.form_wrap.active .row {
    /* background: #383636; */
    /* padding: 2px 4px 0; */
}

.form_wrap.active .main {
    /* background: #1b1b1b85; */
    /* padding: 2px 4px; */
}

.form_wrap.active .ne-form {
    /* width: 230px; */
    display: inline-block;
    margin: 0px 0px 0;
    /* height: 43px; */
}

.form_wrap.active .button.small {
    margin: 8px 0 8px;
    color: #757575;
    background: #202020;
}

.form_wrap.active h6 {
    border: 0;
    margin: 20px 0 6px;
    /* text-transform: uppercase; */
    color: #898989;
    font-size: 16px;
    letter-spacing: 0.06em;
    /* padding: 20px 33px 10px; */
    font-weight: 300;
    /* background: aliceblue; */
}
.form_wrap.active h6.maino {
    border: 0;
    margin: 20px 22px 16px;
}
.form_wrap.active h4 {
    padding: 0 20px;
    color: #fff;
}
.form_wrap .wrap-fieldset {
    height: calc(100vh - 190px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available;
    padding: 20px 20px 100px 20px;
}
.form_wrap.active form {
	/* background: #ddd; */
}
.form_wrap.active .scroll-wrap {
    /* overflow-y: scroll; */
    padding: 40px 0px;
    width: auto;
    background-color: #262626;
    height: calc(100% - -20px);
    margin: auto;
    box-shadow: 10px 0px 50px #0000005c;
    border: 2px solid #1b1b1b;
}
.main .template-borwser, .main .template-select-wrap {
    display: none !important;
}
.form_wrap.active .button.icon.delete,
.form_wrap.active .button.icon.add {
    background-color: #38363600;
    width: 43px;
    height: 42px;
    display: inline-block;
    float: none;
    border-radius: 0;
    background-image: url(../images/ui/ui-ok.png);
    /* background-repeat: no-repeat; */
    /* background-size: 20px; */
    /* background-position: center; */
}
.form_wrap.active .button.icon.delete {
	display: none;
}
.form_wrap.active .button.icon.add:hover {
	    background-color: #4a4646;
}
.form_wrap.active .row .button.icon.delete {
    background: #821301;
    background: url(../images/ui/ui-trash.png) #821301;
    background-size: 15px;
    background-position: center;
    display: none;
}
.form_wrap.active .row .button.icon.schedule {
    background: #821301;
    background: url(../images/ui/ne-ui-upload.png) #f3a83c;
    background-size: 15px;
    background-position: center;
    display: none;
    /* background-color: #38363600; */
    width: 43px;
    height: 42px;
    display: inline-block;
    float: none;
    border-radius: 0;
}
.form_wrap.active .row.main:hover .button.icon.delete {
	display: none !important;
}
.form_wrap.active .row:hover .button.icon.delete {
    background: #821301;
    background: url(../images/ui/ui-trash.png) #821301;
    background-size: 15px;
    background-position: center;
    display: inline-block !important;
}
.form_wrap.active .button.active.icon.delete {
    background: #821301;
    background: url(../images/ui/ui-trash.png) #821301;
    background-size: 15px;
    background-position: center;
    /* display: inline-block; */
}
.form_wrap.active fieldset div:hover .button.active.icon.delete {
    background: #821301;
    background: url(../images/ui/ui-trash.png) #821301;
    background-size: 15px;
    background-position: center;
    display: inline-block !important;
}







.wrap.sprint {
    display: grid;
    grid-template-columns: 390px auto auto auto;
}





.team-report .tab {
    /* width: 320px; */
}
.performance-indicators {
    /* display: grid; */
    /* grid-template-columns: auto auto; */
    position: absolute;
    top: 17px;
    width: 260px;
    text-align: right;
    left: 461px;
}
.team-report .indicator.error:hover {
	width: 116px;
}
.team-report .indicator.error {
    display: inline-block;
    width: 80px;
    height: 21px;
    text-align: right;
    font-size: 18px;
    line-height: 21px;
    background: #fff;
    border: 0 !important;
    font-weight: 500;
    padding: 0 10px 0 0;
    margin-bottom: 4px;
    /* border-radius: 4px; */
    overflow: hidden;
}
.team-report .indicator span {
    display: block;
    width: 80px;
    height: 21px;
    text-align: center;
    background: #d50000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 8px;
    line-height: 21px;
    color: #f4bbbb;
    position: absolute;
    /* border-radius: 4px; */
    letter-spacing: 0.06em;
}
.team-report .tab:hover .edit.button-sm {
	display: block;

}
.team-report .tab .edit.button-sm {
	position: absolute;
	top: 49px;
	left: 653px;
	display: none;
	right: unset;
}
.team-report .name {
    margin: 0;
    display: block;
    max-width: 220px;
    text-align: center;
    font-size: 25px;
    position: absolute;
    top: 19px;
    left: 140px;
}

.team-report .workload {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    width: 273px;
    height: 4px;
    grid-gap: 2px;
    margin: 0 0 0 20px;
    position: absolute;
    top: 64px;
    left: 120px;
}

.team-report .workload .ind {
    display: block;
    background: #4a4646;
    /* width: 100px; */
    /* height: 5px; */
}
.team-report .workload .ind.active {
    display: block;
    background: #60AB5B;
    /* width: 100px; */
    /* height: 5px; */
}

.team-report .workload .ind.overload-1 {
    background: #D9C631;
}

.team-report .workload .ind.overload-2 {
    background: #E5890C;
}

.team-report .workload .ind.overload-3 {
    background: #d93415;
}
.role.icon {
    height: 20px;
    width: 20px;
    margin: auto;
    background: #3b3b3b;
    background-image: url('../images/ui/sprite-task-categories@2x.png');
    background-position: -124px;
    background-size: auto 19px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 145px;
    left: 149px;
    /* filter: grayscale(1); */
}
.role.icon.design {
    background-image: url('../images/ui/sprite-task-categories@2x.png');
    background-position: -72px;
}
.role.icon.copywrite {
    background-image: url('../images/ui/ui-worktype-translate.png');
    background-position: 0px;
    /* background-size: 27px; */
    background-position: center;
    background-color: #1cacb5;
}
.role.icon.administrative {
    background-image: url('../images/ui/ui-worktype-admin.png');
    background-position: -32px;
    background-position: center;
    /* background-size: 33px; */
    background-color: #fff740;
}
.role.icon.marketing {
    background-image: url('../images/ui/ui-task-progress.png');
        background-position: center;
    background-size: 23px;
    background-color: #ff5f14;
}
.role.icon.smm {
    background-image: url('../images/ui/ic_dashboard_2x.png');
    background-position: center;
    /* background-size: 29px; */
    background-color: #ff5f14;
}
.role.icon.media {
    background-image: url('../images/ui/sprite-task-categories@2x.png');
    background-position: -186px;
}
.role.icon.development {
    background-image: url('../images/ui/ui-dev.png');
    background-position: center;
    /* background-size: 26px; */
    background-color: #00ff18;
}
.role.icon.audio {
    background-image: url('../images/ui/sprite-task-categories@2x.png');
    background-position: -155px;
}
.role.icon.media {
    background-image: url('../images/ui/ic_laptop.png');
    background-position: center;
    background-size: 26px;
    background-color: #00ff18;
}
.tasklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 1px 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    grid-gap: 1px 2px;
    color: #000;
    filter: grayscale(1);
}
 
.tasklist .status.bg.empty {
    /* padding: 0px 6px; */
    /* text-align: left; */
    /* height: 17px; */
    /* line-height: 18px; */
    /* border-radius: 0px; */
    background-color: #2a2a2a !important;
    color: #383636 !important;
}
.tasklist .status.bg {
    padding: 8px 6px;
    text-align: left;
    /* height: 17px; */
    line-height: 18px;
    /* border-radius: 2px; */
    /* background-color: #8080803b !important; */
    color: black !important;
    font-size: 14px;
    font-weight: initial;
}

.tasklist .status .title {
    padding: 0px 0px;
    text-align: left;
    width: 105px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    /* vertical-align: super; */
}
.ne-report .team-report .header {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-template-columns: repeat(10, 1fr);
	padding: 0px 0;
	font-weight: 600;
	grid-gap: 2px;
	margin-left: auto;
	background: unset;
	position: relative;
	top: 0;
	right: 0;
	width: 67%;
	z-index: 99;
	font-size: 11px;
}
.ne-report .team-report {
    /* display: flex; */
    /* display: grid; */
    grid-gap: 3px;
    /* padding: 16px; */
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-auto-flow: column;
    grid-auto-columns: minmax(320px, 1fr);
    /* overflow-x: auto; */
    /* height: calc(100vh - 150px); */
    grid-template-columns: unset;
    grid-template-rows: revert;
}

.ne-report .team-report .wrap {
    background: #383636;
    padding-top: 20px;
    opacity: 1;
    /* height: calc(100vh - 150px); */
    height: 88px;
    margin-bottom: 2px;
}

.ne-report .team-report .wrap:hover {
    opacity: 1;
    /* background: #4a4747; */
}
.team-report .tab:hover .avatar-wrap, .team-report .tab:hover .tasklist {
    filter: grayscale(0);
	
}

.team-report .avatar-wrap {
    width: 60px;
    height: 60px;
    margin: 0;
    position: unset;
    display: block;
    filter: grayscale(1);
    position: absolute;
    top: 16px;
    left: 30px;
}
.team-report .avatar-wrap .avatar-link,
.team-report .avatar-wrap img {
    border-radius: 0;
    /* filter: grayscale(1); */
    background-color: #000;
}
.team-report .data {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    padding: 0px 0;
    font-weight: 600;
    grid-gap: 2px;
    margin-top: scroll;
    /* height: calc(100vh - 660px); */
    background: #1b1b1b;
    position: absolute;
    top: 0;
    right: 0;
    width: 67%;
}
.ne-report .team-report .header span {
    padding: 12px;
    display: block;
    background: #383636;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.06em;
    font-size: 9px;
    color: #aaaaaa;
}
.team-report .data .badge {
    background-color: #262626;
    padding: 45px 11px 12px;
    min-height: 88px;
    font-weight: 300;
    font-size: 26px;
    text-align: right;
}

.team-report .data .badge .title {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    min-height: 41px;
    font-weight: 400;
    font-size: 12px;
    display: block;
    color: #89898961;
    text-align: left;
}


/* Report */

.ne-report {
    padding: 2px 2px 2px 2px;
    border-bottom: 1px solid #00000047;
    background: #151515;
    height: -webkit-fill-available;
    color: #fff;
}
.ne-report .tab .box-wrap .item {

    padding: 4px 12px;
    font-size: 18px;
    color: #b6b4b4;
    background: #262626;
} 
.ne-report .bottom {
    min-height: 260px;
    background: #262626;
}

.box {
    background: #262626;
}

.item-wrap {
    display: grid;
    grid-gap: 2px;
}

.ne-report .item-wrap .label .icon {
    width: 5px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
}

.ne-report .item-wrap .label .icon.circle {
    height: 7px;
    top: 11px;
    width: 7px;
    border-radius: 100%;
    /* background: red !important; */
}


/* Header */

.ne-report .header {
    margin-bottom: 0px;
    background: #2a2929;
    height: 35px;
    display: grid;
    grid-template-columns: auto max-content;
}

.ne-report .header.action-2 {
    display: grid;
    grid-template-columns: auto 288px;
    grid-gap: 2px;
}

.ne-report .header.action-1 {
    display: grid;
    grid-template-columns: auto 144px;
    grid-gap: 2px;
}

.ne-report .header .actions .button {
    height: 100%;
    line-height: 36px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #F3A83C;
    color: #1b1b1b;
    border-radius: 0;
}

.ne-report .header .actions {
    margin: 0;
    display: flex;
    grid-template-columns: auto  100px 100px 100px 100px;
    grid-gap: 2px;
    text-align: right;
    width: -webkit-fill-available;
}

.ne-report h5 {
    background: rgb(56 54 54);
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.03em;
    padding: 7px 12px;
    margin-bottom: 2px;
}






.ne-report .wrap {
    /* min-height: 500px; */
    margin-top: 0px;
    color: #aaa;
    line-height: 27px;
    background: #1a1919;
    grid-gap: 2px;
    position: relative;
}

.ne-report .wrap .tab {
    position: relative;
    overflow: hidden;
}

.ne-report .wrap .tab .scroll-wrap,
.ne-report .wrap .tab {
    height: calc(100vh - 230px);
}

.ne-report .wrap .tab .scroll-wrap {
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% + 10px);
}

.ne-report .wrap .tab .scroll-wrap .box-wrap {
    display: grid;
    grid-gap: 2px;
}
.ne-report .box-wrap.list.scrollable {
    max-height: 780px;
    overflow-y: scroll;
}
.ne-report .tab .box-header {
    background: #383636;
    height: 37px;
    display: grid;
    grid-template-columns: 190px auto;
    padding: 0px 12px;
    align-items: center;
}
.cashflow {grid-column-start: 1;grid-column-end: 3;}
.cashflow .wrap {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    margin-bottom: 2px;
}
.cashflow .wrap .month {
    background-color: #383636;
    padding: 4px 12px;
    position: relative;
    text-align: right;
}
.cashflow .wrap .month.active {
    border-top: 1px solid #f4a83c;
}
span.profit.negative {
    color: #ff5757;
}
.cashflow .wrap .month span {
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 10px;
	font-weight: 400;
	letter-spacing: 0.03em;
}
.cashflow .wrap .month span.profit {
	top: 12px;
	left: 10px;
}
.ne-report .tab .box-header .actions {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: auto;
    text-align: right;
    justify-content: right;
}

.ne-report .tab .box-header .actions .button {
    background: #5f5d5d29;
    height: 20px;
    width: 20px;
}

.ne-report .tab .box-header .box-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.03em;
}

.ne-report .tab .box-wrap {
    background: #202020;
    color: #fff;
    padding: 3px 3px 2px 0px;
    display: grid;
    grid-gap: 2px;
}

.ne-report .tab .box-wrap .item {padding: 4px 12px;font-size: 18px;color: #b6b4b4;background: #262626;}

.ne-report .tab .box-wrap .item .label {
    font-size: 12px;
    position: relative;
    color: #747474;
}




/* Box List */
.ne-report .tab .box-wrap.list .item {
    display: grid;
    grid-template-columns: 360px auto;
    max-height: 37px;
}

.ne-report .tab .box-wrap.list .item.labeled .label {
    padding-left: 18px;
}

.ne-report .tab .box-wrap.list p {
    text-align: right;
}

.ne-report .tab .box-wrap.list .item .data {
    text-align: right;
    font-size: 18px;
}

.ne-report .tab .box-wrap.list .item .data span {
    margin-left: 36px;
    font-size: 14px;
}

.data-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
/*     padding: 0px 12px; */
    align-items: center;	
}
.data-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: end;
    width: -webkit-fill-available;
}
.data-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /*     padding: 0px 12px; */
    align-items: center;
}
.data-grid-7 {
	
}

/* Data Column 2 */
.ne-report .tab .box-wrap.data-col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.ne-report .tab .box-wrap.data-col-2 .item {
    grid-template-columns: auto auto;
    min-height: 70px;
}

.ne-report .tab .box-wrap.data-col-2 .item .data {
    /* text-align: right; */
    font-size: 24px;
}

.ne-report .tab .box-wrap.data-col-2 .item .label {
    font-size: 12px;
    text-transform: uppercase;
}




/* Data Column 3 */
.ne-report .tab .box-wrap.data-col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.ne-report .tab .box-wrap.data-col-3 .item {
    grid-template-columns: auto auto;
	padding: 14px 12px;
}

.ne-report .tab .box-wrap.data-col-3 .item .data {
    text-align: right;
    font-size: 24px;
    margin-top: 20px;
}

.ne-report .tab .box-wrap.data-col-3 .item .label {
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
}




/* Data Accordion */
.ne-report .tab .box-wrap.accordion {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    min-width: 320px;
}

.ne-report .tab .box-wrap.accordion .item .task-list {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 1px;
    height: 0;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}

.ne-report .tab .box-wrap.accordion .item.active .task-list {
    transition: 0.3s all ease-in-out;
    height: auto;
}

.ne-report .tab .box-wrap.accordion .item.active .task-list .task {
    display: block;
    background-color: #1b1b1b;
}

.ne-report .tab .box-wrap.accordion .item .task-list .task {
    background: #2B2A2A;
    padding: 2px 16px;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}

.ne-report .tab .box-wrap.accordion .item {
    padding: 0;
}

.ne-report .tab .box-wrap.accordion .item .data {
    text-align: right;
}

.ne-report .tab .box-wrap.accordion .item .label {
    font-size: 14px;
    /* background: #2b2a2a; */
    padding: 7px 16px;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
}

.ne-report .tab .box-wrap.accordion .item.active .label {
    background: #4a464621;
    color: #fff;
}

.ne-report .tab .box-wrap.accordion .item:hover:not(.active) .label {
    background: #4a464621;
    color: #fff;
}


.ne-report .wrap.sprint-snaps {
    display: grid;
    grid-template-columns: 50% 50%;
}
#ne_view.expand .ne-report .wrap.monthly {
    height: calc(100vh - 102px);
}

.ne-report .wrap.monthly {
    display: grid;
    grid-template-columns: 400px 400px auto auto;
    grid-gap: 2px;
    height: calc(100vh - 185px);
    width: 100%;
}
#sprint_report {
    width: 260px;
    background-color: #1111117a !important;
    height: 30px;
    padding: 0px 15px;
    line-height: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 12px;
}
.sprint-report .sprint_report.ne-select {
    margin: 0;
    top: -33px;
    bottom: unset;
    position: absolute;
    right: 460px;
    border-radius: 5px;
    overflow: hidden;
}
.ne-report .wrap.sprint-report {
    display: grid;
    grid-template-columns: 440px  repeat(2, 1fr) 430px;
    grid-gap: 2px;
    height: calc(100vh - 185px);
    width: 100%;
}
#delete_sprint {
    /* position: absolute; */
    /* top: 40px; */
    /* right: 315px; */
    background: red;
    display: none;
    padding: 0;
}
#delete_sprint.active {
    display: block;
	opacity: 0;
}
.actions:hover #delete_sprint.active {
    display: block;
	opacity: 1;
}


@media print {

    
#new_buttons, #loader, #user_tab, #ne_finder, #ne_feed, #notifications {
    display: none !important;
}
#ne_view {
    top: 0 !important;
    height: 100% !important;
}

.ne-report .wrap.monthly {
    display: block;
    grid-template-columns: 400px 400px;
    grid-gap: 2px;
    height: 100% !important;
    width: 100%;
}
.ne-report .wrap .tab, .ne-report .wrap .tab .scroll-wrap {
    height: auto;
}
        .ne-report, .wrap.monthly  { 
            page-break-after: always !important; 
            page-break-inside: always !important;
        }





}





.ne-report .wrap.management.sprint {
    display: grid;
    grid-template-columns: 320px 470px auto 320px;
    grid-gap: 2px;
    height: calc(100vh - 220px);
}

.box-wrap.accordion.sprint {
    height: 200px;
    overflow-y: scroll;
}








.ne-report .wrap.finance {
    display: grid;
    grid-template-columns: auto 573px;
    grid-gap: 2px;
    height: calc(100vh - 230px);
    width: 100%;
}

.ne-report .wrap.campaign-management {
    display: grid;
    grid-template-columns: 400px auto auto;
    grid-gap: 2px;
    height: calc(100vh - 185px);
    width: 100%;
}












@media print {

    #report_filter {
        display: none;
    }

    #cycle_report {
        padding: 20px;
        box-shadow: none;
        border-radius: 0px;
        max-width: 100%;
        margin: 0px auto;
        position: relative;
    }

    html,
    body,
    #main {
        margin: 0;
        padding: 0;
    }

    @page {
        margin: 0;
    }

    #cycle_report {
        padding: 40px;
        box-shadow: none;
        border-radius: 0px;
        max-width: calc(100% - 80px);
        position: relative;
        width: calc(100% - 80px);
    }

    .queue .row {
        break-inside: avoid;
    }

    .pagebreak {
        page-break-before: always;
        margin: 20px 0 0px 0;
        display: block;
        height: 100%;
    }

    #cycle_report,
    .report-page {
        margin: 0;
        width: calc(100% - 80px);
        height: calc(100vh - 80px);
        border-radius: 0px;
        max-width: calc(100% - 80px);
    }

    #cycle_report h5.title {
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0px 10px 0;
        padding: 5px 0px 11px 0px;
        font-weight: 600;
    }

}










.report-page .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
}

.report-page ul.badges.none {
    box-sizing: border-box;
    height: 140px;
}


.report-page .badge.wrap {
    position: unset;
    width: 100%;
    /* border: 1px solid #dfdfdf; */
    /* border-radius: 12px; */
    overflow: hidden;
    /* background: #f1f1f1; */
}

.report-page .badges li {
    margin: 0;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
}

.report-page .small .badges li {
    width: 114px;
    height: 64px;
}

.report-page .large .badges li {
    width: 100%;
    height: -webkit-fill-available;
}

.report-page .large .badges li .value {
    font-size: 46px;
    font-weight: 400;
    /* color: #1d3d85; */
}

.report-page .large .badges .label {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

#report_response {

    top: 213px;
    left: 519px;
    right: unset;
}

#report_followers {

    top: 283px;
    right: unset;
    left: 519px;
}

#report_likes {

    top: 143px;
    right: unset;
    left: 519px;
}

#report_pages {
    /* position: relative; */
    top: -139px;
    left: 0px;
    right: unset;
}

#report_retention {
    top: -139px;
    right: unset;
    /* position: relative; */
}

.report-page .badge.wrap.conversion {
    top: -140px;
    position: relative;
    left: 241px;
}

.report-page .badge.wrap.empty span {
    color: transparent;
}

.report-page .badge.wrap.empty li {
    background: #f9f9f9 !important;
}

.report-page .badge.wrap.before-web {
    top: -70px;
    position: relative;
    left: 0px;
}

.report-page .badge.wrap.after-web {
    top: -71px;
    position: relative;
    left: 0px;
}

.report-page .badge.wrap.web {
    top: -72px;
    position: relative;
    left: 0px;
}

#report_users,
#report_sessions {
    /* position: relative; */
    top: -70px;
    left: 0px;
}

#report_rema2 {
    /* position: relative; */
    right: 0px;
    top: 70px;
}

#report_rema1 {
    /* position: relative; */
    right: -119px;
    top: -70px;
}

#report_rema3 {
    /* position: absolute; */
    right: unset;
    top: 213px;
    left: 639px;
}

#report_bounce {
    /* position: absolute; */
    right: unset;
    top: 773px;
    left: 640px;
}

#report_backlinks {
    /* position: absolute; */
    right: unset;
    top: 773px;
}











/* Charts */
.chart_wrap {
    margin: 0px auto 1px;
    width: 100%;
    height: auto;
    padding: 40px 0 40px;
}

.chart.report_progress {
    height: 280px;
    width: 280px;
    margin: auto;
}

.chart.report_weekly_log {
    height: 220px;
    width: 320px;
}

.chart.report_category_balance {
    height: 220px;
    width: 320px;
}














/* Charts */

.chart_wrap {
    margin: 20px 0px 0 20px;
    width: 510px;
    height: auto;
    padding: 40px;
    display: inline-block;
    background: #fff;
}

.chart.report_progress {
    height: 280px;
    width: 280px;
    margin: auto;
}

.chart.report_weekly_log {
    height: 220px;
    width: 320px;
}

.chart.report_category_balance {
    height: 220px;
    width: 320px;
}






#report_filter #ne_timeline_filter {
    top: 60px;
    left: 0;
    position: relative;
}


.reports {
    padding: 0;
    display: block;
    width: 100%;
    clear: none;
}

.reports li p {
    color: #000;
}

.reports li span {
    margin: 0;
    padding: 0px;
    display: block;
    width: 100%;
    height: auto !important;
}

#reports p {
    margin: 0;
    padding: 10px 20px 15px 20px;
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
}



@media screen and (min-width: 320px) {}





@media screen and (min-width: 768px) {




    /* Charts */
    .chart {
        height: 280px;
        width: 500px;
        margin: auto;
        padding: 0;
        /* background: rgba(255, 255, 255, 0.8); */
    }

    .chart.report_progress {
        height: 100%;
        width: 100%;
        padding: 0;
    }

    .chart.report_weekly_log {
        height: 280px;
        width: 500px;
    }

    .chart.report_issue {
        height: 280px;
        width: 500px;
    }

    .chart.report_category_balance {
        height: 280px;
        width: 500px;
    }


}







/* From main.scss */



.report_requests {
    position: relative;
    top: 0px;
    left: 0px;
    list-style-type: none;
    width: 100%;
}

.report_requests li {
    display: inline-block;
    width: 100px;
}

#cycle_report,
.report-page {
    background: rgb(241 241 241);
    padding: 115px 40px 40px;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.12); */
    /* border-radius: 3px; */
    /* width: auto; */
    position: relative;
    width: auto;
}

.queue .chart_wrap {
    /* background: none !important; */
    width: auto;
    height: 250px;
    display: block;
    padding: 30px;
    margin: 0;
    /* position: absolute; */
    top: 10px;
    right: 10px;
    width: 670px;
}

.report-page {
    /* margin-right: 12px; */
    /* position: fixed; */
    width: 690px;
    /* right: 0; */
    /* height: calc(100% - 135px); */
    border-left: 1px solid #ddd;
    background: #f9f9f9;
    /* box-shadow: 0 -30px 19px rgb(0 0 0 / 12%); */
    top: 130px;
    position: unset;
}

canvas#myCharto {
    /* width: 510px !important; */
    /* height: 510px !important; */
}

#report_filter #ne_timeline_filter {
    width: 100%;
    top: 65px;
    position: fixed;
}

div#report_filter {
    grid-column-start: 1;
    grid-column-end: 3;
}

.ne-report #main_header {
    position: fixed;
}

#cycle_report h1,
.report-page h1 {
    font-weight: 600;
    margin: 0px 0 65px 0px;
    font-size: 52px;
    color: #000000;
}

#cycle_report .period,
.report-page .period {
    color: #d7d7d7;
}

#cycle_report .badges {
    padding: 0px 0px;
}

#cycle_report .logo {
    position: absolute;
    top: 35px;
    width: 75px;
    right: 40px;
}

.report-page .period,
.queue .period {
    margin: -5px 0 20px 0px;
    text-transform: uppercase;
    font-size: 15px;
    /* color: #999; */
    font-weight: 800;
}

.report_wrap {
    margin-bottom: 30px;
}

#cycle_report h5.title {
    /* font-size: 16px; */
    /* text-transform: uppercase; */
    /* margin: 0px 0px 4px 0; */
    /* border-bottom: 1px solid #cccccc75; */
    /* padding: 5px 5px 24px 0px; */
    /* font-weight: 500; */
    /* color: #9a9a9a; */
}

.tables {
    margin-bottom: 140px;
}

#cycle_report .comm td {
    width: 130px;
    /* font-size: 54px; */
}

#cycle_report span.large {
    width: 100px;
    font-size: 54px;
}

#cycle_report .comm table {
    /* width: 920px; */
}

#cycle_report td {
    padding: 14px 18px;
    font-size: 17px;
}

.queue.single .break {
    page-break-after: always;
}

.queue.single h3 {
    margin-top: 80px;
}

.queue.single h5 {
    margin: 42px 0 12px;
}

#cycle_report table {
    /* width: 920px; */
    background: #fff;
    /* overflow: hidden; */
    /* border: 1px solid #dfdfdf; */
}

#cycle_report tr {
    /* border-bottom: 1px solid #dfdfdf66; */
}

#cycle_report td.id {
    font-weight: 400;
    width: 40px;
}

#cycle_report td.log {
    text-align: right;
    width: 40px;

}

#cycle_report td.title {
    /* font-weight: 400; */
    color: #000;
}

#cycle_report tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#cycle_report tr:nth-child(even) {
    background-color: #00000000;
}

#cycle_report td.status {
    text-align: center;
    width: 10px;
    text-transform: uppercase;
    color: transparent;
}

#cycle_report td.status .status {
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 8px;
    display: block;
}


@media print {

    html {
        position: static;
        height: 100%;
        width: 100%;
    }

    body.ne-report,
    body.ne-report #ne_main {
        overflow: auto;
        position: static;
        display: block;
        height: auto;
        border-radius: 0;
        background: none;

    }

    body.ne-report #main,
    body.ne-report #page {
        display: block;
        height: 100%;
        background: none;
    }



    .report_requests {
        position: relative;
        top: 0px;
        left: 0px;
        list-style-type: none;
        width: 100%;
    }

    .report_requests li {
        display: inline-block;
        width: 100px;
    }

    #cycle_report {
        background: none;
        padding: 20px;
        box-shadow: none;
        margin: 50px auto;
    }

    .report_wrap {
        margin-bottom: 30px;
    }

    #cycle_report h5.title {
        margin: 0 10px 10px 0;
        padding: 5px 5px 5px 0px;
    }

    #cycle_report td {
        /* padding: 11px 15px; */
        /* font-size: 14px; */
    }

    #cycle_report td.cost,
    #cycle_report td.id {
        display: none;
    }

    #cycle_report table {
        /* width: 100%; */
        /* font-size: 16px; */
        /* background: #fff; */
        /* break-inside: avoid; */
    }

    #cycle_report tr:nth-child(odd) {
        background-color: #f9f9f9;
    }

    #cycle_report tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #cycle_report tr {
        border: 1px solid rgb(240, 240, 240);
    }

    #cycle_report td.id {
        font-weight: 400;
        width: 60px;
    }

    #cycle_report td.log {
        text-align: right;
        width: 40px;

    }

    #cycle_report td.title {
        font-weight: 400;
        color: #000;
    }

    #cycle_report td.status {}

    #cycle_report td.status .status {}

    .bg.ready {
        background-color: #16bdff !important;
        color: #006f9b;
    }

    .bg.progress {
        background-color: #e9c750 !important;
        color: #826d21;
    }

    .bg.pending {
        background-color: rgb(170, 170, 170) !important;
        color: #4e4e4e;
    }

    .bg.ne-hold {
        background-color: rgba(112, 4, 255, 0.6) !important;
        color: #5200d8;
    }

    .bg.issue {
        background-color: #fb5438 !important;
        color: #ac1800;
    }

    .bg.tested {
        background-color: #add1d2 !important;
        color: #217c7e;
    }

    .bg.complete {
        background-color: #40d340 !important;
        color: #1b7c1b;
    }

    .bg.review {
        background-color: #FF9CE5 !important;
        color: #c43aa0;
    }


    #cycle_report {
        margin: 100px auto 80px;
        padding: 0;
        display: block;
        height: auto;
        overflow: visible;
        border-radius: 0;
    }

    .ne-report #main {
        margin: 0;
        padding: 0;
        display: block overflow: auto;
    }

    #show_ne_contact,
    footer.main,
    #mobile.dash,
    #ne_contact {
        display: none !important;
    }








    /* Badges */

    .badges {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .badges li {
        padding: 0;
        margin: 0;
        list-style-type: none;
        background: #f2f2f2 !important;
        width: 120px;
        height: 60px;
        position: relative;
        display: inline-block;
        border-radius: 5px;
        border: 0px solid rgb(240, 240, 240);
        z-index: 9;
        margin: 10px 10px 10px 0px;
        -moz-box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.6);
    }

    .badges span {
        position: absolute;
    }

    .badges .label {
        color: #16151d52;
        text-transform: uppercase;
        font-weight: 700;
        top: 9px;
        left: 9px;
        font-size: 9px;
    }

    .badges .value {
        font-size: 23px;
        bottom: 10px;
        width: 98px;
        text-align: right;
        right: 12px;
        color: rgb(22, 21, 29);
    }

    .badges .rate {
        bottom: 5px;
        right: 5px;
        bottom: 10px;
        left: 10px;
        color: green;
        font-weight: 600;
        font-size: 14px;
    }





}






/* From tasks */




.report_requests {
    position: relative;
    top: 0px;
    left: 0px;
    list-style-type: none;
    width: 100%;
}

.report_requests li {
    display: inline-block;
    width: 100px;
}








.queue {
    /* background: rgb(241, 241, 241); */
    /* margin-left: 12px; */
    /* height: calc(100vh - 195px); */
    /* overflow-y: scroll; */
    position: relative;
    left: 0px;
    width: calc(100% + 10px);
}

.queue .badges {
    padding: 5px 20px;
}

.queue tr:nth-child(odd) {
    background-color: rgb(241 217 217 / 8%);
}

.queue tr:nth-child(even) {
    background-color: #39363678;
}

.queue table {
    width: 100%;
}

.queue table td {
    padding: 8px 15px;
    font-size: 13px;
}

.queue table td {
    padding: 20px 35px;
}

.queue td.status .status {
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 8px;
    display: block;
    color: transparent;
}

.badge.wrap {
    /* position: absolute; */
    /* top: 60px; */
    /* z-index: 9; */
    /* right: 10px; */
}

#report_feedbacks.badge {
    /* top: 220px; */
}

#report_tasks.badge {
    /* top: 140px; */ 
    /* left: 20px; */
}

#report_logs.badge {
    position: absolute;
    top: 140px;
    z-index: 13;
}

#report_balance.badge {
    /* position: absolute; */
    /* top: 60px; */
    /* z-index: 13; */
    /* left: 20px; */
}


/* width */
.ne-scrollbar::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
.ne-scrollbar::-webkit-scrollbar-track {
    background: #262626;
}

/* Handle */
.ne-scrollbar::-webkit-scrollbar-thumb {
    background: #F3A83C !important;
}
/* Handle */
.invi.ne-scrollbar::-webkit-scrollbar-thumb {
    background: none;
}
 
/* Handle on hover */
.ne-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #1b1b1b;
}








/* Task reports */



#reports-wrap {
    overflow: hidden;
    position: relative;
    height: 480px;
    top: 0px;
}

#reports {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 102%;
    background: #f9f9f9;
    position: absolute;
    z-index: 45;
    top: 50px;
    max-height: 39px;
    overflow-y: hidden;
    transition: all 0.4s ease-in-out;
    left: 0px;
}

#reports.active {
    top: -50px;
    transition: all 0.4s ease-in-out;
    max-height: 50px;
    overflow-y: scroll;
}

#reports li.collapsed {
    min-height: 30px;
}

#reports li.expand {
    height: unset;
    background: #fff;
}

.toggle_reports {
    position: absolute;
    top: 430px;
    right: 25px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    background: rgb(0, 0, 0);
    display: block;
    font-size: 9px;
}

#reports .show_more {
    font-size: 9px;
    right: 46px;
    font-weight: 400;
    letter-spacing: 0.01em;
    position: absolute;
    bottom: 0px;
    padding: 4px 7px;
    color: rgb(187, 187, 187);
    text-transform: uppercase;
}

#reports .report-status,
.changelog .status {
    font-size: 8px;
    text-transform: uppercase;
    position: absolute;
    color: #000000b3;
    text-align: center;
    left: 20px;
    font-weight: 700;
    top: 13px;
    border-radius: 1px;
    width: 50px;
    padding: 3px 0px 2px 0px;
    letter-spacing: 0.03em;
    z-index: 2;
    box-shadow: 0px 0px 5px #ffffff24;
}

.report-info {
    width: 100%;
    height: 30px;
    position: relative;
}

#reports .collapsed .message {
    overflow: hidden;
}

#reports .message.more {
    overflow: unset;
    height: auto;
}

#reports .author {
    font-weight: 500;
    letter-spacing: 0.04em;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 5px;
}




#reports.active {
    top: 50px;
    height: auto;
    transition: 0.4s all ease-in-out;
    max-height: 350px;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);
}

#task .toggle_reports {
    z-index: 11;
    position: absolute;
    top: 420px;
    left: 35px;
}

#reports li:hover .report-status {
    opacity: 1;
}

#reports li {
    padding-top: 0px;
    cursor: pointer;
    position: relative;
    min-height: 39px;
    transition: 0.4s all cubic-bezier(0.67, 0, 0.75, 0.72);
    height: auto;
}

#reports li.msg {
    cursor: pointer;
    position: relative;
    min-height: 40px;
    transition: 0.3s all ease-in-out;
    height: 40px;
}

#reports.active li.msg {
    padding-top: 40px;
    cursor: pointer;
    position: relative;
    min-height: 50px;
    transition: 0.3s all ease-in-out;
    padding-bottom: 15px;
    height: unset;
}

#reports .copy_clip {
    display: none;
    position: absolute;
    top: 10px;
    right: 100px;
}

#reports.active li:hover .copy_clip {
    display: block;
}

#reports.active li {
    transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

#reports li:nth-child(n) {
    background: #26262654;
}

#reports li:nth-child(2n+1) {
    background: #1b1b1b;
}

#reports li.collapsed {
    min-height: 30px;
}

#reports li.expand {
    height: unset;
    background: #fff;
}

.toggle_reports {
    position: absolute;
    top: 370px;
    right: 25px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    background: rgb(0, 0, 0);
    display: block;
    font-size: 9px;
}

.toggle_reports {
    position: absolute;
    top: 420px;
    right: 25px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #ccc;
    display: none;
}

#reports .show_more {
    font-size: 9px;
    right: 46px;
    font-weight: 400;
    letter-spacing: 0.01em;
    position: absolute;
    bottom: 7px;
    padding: 4px 7px;
    color: rgb(187, 187, 187);
    text-transform: uppercase;
}

.report-info {
    width: 100%;
    height: 30px;
    position: relative;
}

#reports .message {
    line-height: 23px;
    font-size: 13px;
    width: 15px;
    display: block;
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 170px;
    top: 9px;
    background-image: url(../images/ui/ui-message.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: transparent;
    text-align: left;
    margin: 0;
    background-color: unset;
}


.sloweasy,
.sloweasy:hover {
    transition: all 2.9s ease-in-out;
    -moz-transition: all 2.9s ease-in-out;
    -webkit-transition: all 2.9s ease-in-out;
}

#reports .collapsed .message {
    overflow: hidden;
}

#reports .message.more {
    opacity: 0;
}

#reports.active .message.more {
    opacity: 1;
}

#reports .message.more {
    border: none;
    overflow: unset;
    height: auto;
    position: relative;
    margin-bottom: 70px;
    color: #cccccc;
    font-size: 15px;
    background: #1b1b1b00;
    width: 355px;
    left: 20px;
    border-radius: 5px;
    line-height: 22px;
    z-index: 1;
    margin: 0 0 20px 0;
    padding: 0;
}

#reports li:hover .date {
    opacity: 1;
}

#reports .date {
    left: 88px;
    position: absolute;
    top: 15px;
    color: #dedede;
    text-transform: uppercase;
    z-index: 2;
    font-weight: 300;
    letter-spacing: 0.08em;
    font-size: 9px;
    opacity: 0.2;
}

#reports.active .avatar-wrapper {
    top: 10px;
    background-color: #4a4646;
    width: 20px;
    height: 20px;
}

#reports .log {
    position: absolute;
    right: 53px;
    top: 13px;
    width: 59px;
    height: 15px;
    border-radius: 100%;
    text-align: right;
    color: #ffffff;
    opacity: 0.3;
    background-size: 105%;
    font-size: 12px;
}

#reports .log-0 {
    background-image: url(../images/ui/ui-log-0.png);
}

#reports .log-15 {
    background-image: url(../images/ui/ui-log-15.png);
}

#reports .log-30 {
    background-image: url(../images/ui/ui-log-30.png);
}

#reports .log-45 {
    background-image: url(../images/ui/ui-log-45.png);
}

#reports .log-60 {
    background-image: url(../images/ui/ui-log-60.png);
}

#reports li .avatar-wrap {
    width: 20px;
    height: 20px;
    top: 10px;
    position: absolute;
    left: 360px;
    opacity: 0;
    transition: 0.8s all easy-in-out;
}

#reports.active li .avatar-wrap {
    opacity: 1;
    transition: 0.8s all easy-in-out;
}



/* Charts */
#myChart {
    z-index: 99;
}