.loading{background:url(/img/icons/loading2.gif) no-repeat center center !important;background-color:transparent !important;min-height:20px;}
.loading span{display:none;}
/* demo CSS */
.notif-container{
	width:400px;
	position:relative;
	margin:auto;
	z-index: 2000;
}
.notif {position:absolute;top:30px;z-index:999;margin:0 0 0 0;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;width: 100%;}
.notif.attention {background: #fffbcc url(/img/icons/exclamation.png) 10px 11px no-repeat;border-color: #e6db55;color: #666452;}
.notif.information {background: #dbe3ff url(/img/icons/information.png);border-color: #a2b4ee;color: #585b66;}
.notif.success {background: #d5ffce url(/img/icons/tick_circle.png);border-color: #9adf8f;color: #556652;}
.notif.error {background: #ffcece url(/img/icons/cross_circle.png);border-color: #df8f8f;color: #665252;}
.notif div {display:block;font-style:normal;padding: 10px 10px 20px 36px;line-height: 1.5em;}
.notif .close {display:none;position:absolute;right:5px;top:5px;width:7px;height:7px;text-indent:-30000px;background: url(/img/icons/cross_grey_small.png) no-repeat 0 0;}
/* demo CSS */

.hidden{display:none !important;}
.invisible{visibility:hidden;}
.error2{color:#FF0000;}

#index_statistics{width:100%;}
.user_inner_head{float:left;width:100%;}

/* calendar */
/*
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
td.calendar-day.calendar-day-highlight{background:#f96d6d;color:#FFF;}
*/
.user-stats-page #chart .table td:hover{background:#e3ecf3;}
.worker-input-start.recycling input:checked + label {
    background-color: #e4822d;    
	color:#FFF;
}
/*
.recycling .worker-time {
    color: #e4822d;
}
*/

/*ADMIN*/
.user-stats-page .stats-actions-wrapper {
    line-height: 1.2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.user-stats-page .user-camera-image {
    position: relative;
    cursor: pointer;
    margin-left: auto;
}

.user-stats-page .user-camera-image .user-camera-image-fullsize {
    position: absolute;
    top: 0;
    right: calc(100% + 5px);
    display: none;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.user-stats-page .stats-actions-wrapper a {
    margin-left: 15px;
}

.user-stats-page .list-group {
    margin-bottom: 50px;
}

.user-stats-page .user-camera-image .user-camera-image-fullsize{z-index:10;}
.nav-link.red-link{color:#FF0000;}
.user-stats-page .table td.current{border:1px solid #749fbf;}
.stats-date-wrapper span.red,
.stats-date-wrapper span.green {   
    margin: 0 10px 0 0;
    font-weight: bolder;
    background: #FFF;
    padding: 0;
    line-height: 24px;
}
.stats-date-wrapper span.green{color:#1a7e20;}
.stats-date-wrapper span.red{color:#d13c3e;}
.user-stats-page .stats-tab .stats-date-wrapper{display:block;}
.list-group-item.list-group-months{background-color:#eef7fe;}

.month_stats span{font-weight:bold;}
.month_stats span.salary{color:#007bff;padding: 0 10px;}
.show_money, [data-show_item]{cursor:pointer;}
#heading-0 button{cursor:initial;}

.notification-text {
    padding: 0;
    font-weight: 700;
    color: #d13c3e;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .month_stats {
        float: right;
        margin-right: 25px;
    }

    .notification-text {
        padding: 0 40px;
        margin-bottom: 0;
    }

    .stats-date-wrapper span.red,
    .stats-date-wrapper span.green {
        float: right;
    }
}

.rec_before_after{text-align:center;}