html, body {
    margin: 0;
    padding: 0;
    background-color: #ebebeb;
    font-size: 11px;
    font-family: verdana;
}
td {
    vertical-align: top;
}
img {
    border: 0;
    vertical-align: middle;
}

blockquote {
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
	background: #fff;
	font-style: italic;
	border-left: 0.5em solid #DDD;
	padding: .75em .5em .75em 1em;
}

.w800 {
    width: 800px;
}
.clear {
    clear: both;
}
.space10 {
    height: 10px;
}
.top {
    vertical-align: top !important;
}
.center {
    text-align: center !important;
}
.change {
    font-weight: bold;
}
img.clickable {
    cursor: pointer;
}
span.red {
    color: #c00;
}
span.redadmin {
    color: #c00;
}
p.info {
    background-color: #ffcccc;
    background-image: url('../images/admin/error.png');
    background-repeat: no-repeat;
    background-position: 7px 8px;
    padding: 10px 10px 10px 30px;
    margin: 10px 0px;
}
p.tip, p.camera {
    background-color: #f4f8fc;
    background-repeat: no-repeat;
    background-position: 7px 8px;
    padding: 10px 10px 10px 30px;
    margin: 10px 0px;
}
p.tip {
    background-image: url('../images/admin/information.png');
}
p.camera {
    background-image: url('../images/admin/camera.png');
}
input.input {
    width: 150px;
    border: 1px solid #aaa;
    font-size: 11px;
    padding: 3px;
    font-family: verdana;
}
input.input:focus {
    outline: 2px solid #c7d0e2;
}
textarea {
    width: 560px;
    border: 1px solid #aaa;
    font-size: 11px;
    font-family: verdana;
}
a.red {
    color: red !important;
}
.left {
    float: left;
}
.right {
    float: right;
}
#header {
    top:0px;
    background-color: #2a2a2a;
    color: white;
    font-family: verdana;
    color: #ddd;
    float: left;
    width: 100%;
    height: 78px !important;
}
#header h1, #header h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
#header h1 {
    font-size: 18px;
    line-height: 20px;
}
#header h2 {
    font-size: 12px;
    line-height: 14px;
}
#mainTitle {
    padding: 10px;
    float: left;
}
#header p {
    font-size: 10px;
    padding: 5px 10px;
    margin: 0;
    text-align: right;
    background-color: black;
    color: #aaa;
}
#header p a {
    color: #ddd;
}
#header ul {
    margin: 29px 0 0 10px;
    padding: 0;
    list-style-type: none;
    float: left;
}
#header li {
    display: relative;
    float:left;
}
#header li a{
    display: block;
    color: #bbb;
    text-decoration: none;
    height: 100%;
    padding: 7px 10px;
}
#header li, li.tab {
    font-size: 11px;
    margin: 0 1px;
    padding: 0px;
    background-color: black;
    -webkit-border-radius-topleft: 7px;
    -khtml-border-radius-topleft: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -webkit-border-radius-topright: 7px;
    -khtml-border-radius-topright: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    color: #bbb;
    font-weight: bold;
    text-decoration: none; 
    float: left;
    box-sizing: border-box;
    z-index: 10;
}
#header li.tab form, #header li.tab input {
    display: inline;
    float: left;
    font-size: 10px;
}
#search_input {
    margin-top: 2px;
}
#search_submit {
    margin: 4px 3px 0 3px;
}
#header li.tab {
    padding: 2px 10px;
}
#header li:hover {
    background-color: #444;
}
#header li.selected {
    background-color: #ebebeb;
    color: #444;
}
#header li.selected a{
    color: #444;
}
#columns {
    width: 100%;
    border-collapse: collapse;
}
#leftColumn {
    width: 195px;
    padding: 20px 0 10px 10px;
}
#rightColumn {
    padding: 20px 10px 10px 10px;
}
#leftColumn ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#leftColumn li {
    margin: 0;
    padding: 10px 10px 10px 10px;
}
#leftColumn ul li ul li {
    padding: 2px 0 2px 10px;
}
#leftColumn li a {
    text-decoration: none !important;
    color: #444;
}
#leftColumn h1 {
    color: 000;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 18px;
    border-bottom: 1px solid #cecece;
    font-weight: normal;
}
#leftColumn small {
    display: block;
}
#hbz {
    border-top: 1px solid #cecece;
    margin-top: 0px;
    font-size: 9px;
    margin-right: 10px;
    margin-left: 10px;
}
#hbz p {
    color: #2e2e2e;
    padding: 3px 0;
    margin: 0;
}
#hbz a {
    color: #333;
}
#hbz img {
    float: left;
    padding: 5px 5px 0 0;
}
#rightColumnTopLeft {
    width: 8px;
    height: 8px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background-color: white;
}
#rightColumnTop {
    height: 8px;
    border-top: 1px solid #dfdfdf;
    background-color: white;
}
#rightColumnTopRight {
    width: 8px;
    height: 8px;
    background-image: url('../images/admin/rightcolumntopright.gif');
}
#rightColumnLeft {
    width: 8px;
    background-color: white;
    border-left: 1px solid #dfdfdf;
}
#rightColumnRight {
    width: 8px;
    background-image: url('../images/admin/rightcolumnright.gif');
}
#rightColumnCenter {
    background-color: white;
    padding: 0 8px 8px 0 !important;
    height: 650px;
}
#rightColumnBottom {
    height: 8px;
    background-image: url('../images/admin/rightcolumnbottom.gif');
}
#rightColumnBottomLeft {
    height: 8px;
    width: 8px;
    background-image: url('../images/admin/rightcolumnbottomleft.gif');
}
#rightColumnBottomRight {
    height: 8px;
    width: 8px;
    background-image: url('../images/admin/rightcolumnbottomright.gif');
}
#rightColumnTable {
    width: 100%;
    border-collapse: collapse;
    float: left;
}
#rightColumnTable td {
    padding: 0;
    margin: 0;
}
#rightColumnCenter div.text {
    margin: 0 10px;
}
#rightColumnCenter a {
    color: #333;
}
#rightColumnCenter p {
}
#localizer {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 10px;
}
#localizer li {
    padding: 0;
    margin: 0;
    display: inline;
}
.operationHeader {
    background-color: #e0e3e7;
    padding: 10px;
    margin-bottom: 10px;
}
.operationHeaderSmall {
    background-color: #f0f3f6;
    padding: 10px;
    margin-bottom: 10px;
}
.operationHeaderSmall h1 {
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    margin: 0 4px 0 0;
    line-height: 15px;
}
.operationHeaderRed {
    background-color: #fcfdc0;
}
.operationHeader h1 {
    font-size: 19px;
    font-weight: normal;
    padding: 0;
    margin: 0 5px 0 0;
    line-height: 21px;
}
.operationHeader p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 21px;
}
.page-scroll-buttons{
    position: fixed;
    right: 10px;
    top: 50%;
}
.page-scroll-buttons button{
    background-color: rgba(255,255,255,.7);
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    display: block;
}
.list-items, .list-items2 {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}
.list-items li {
    background-color: #f3f6f3;
    padding: 10px !important;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #ddd;
    margin: 10px 0;
}
.list-items li ul {
    margin: 10px 0;
}
.list-items li li {
    margin: 0;
    background: none;
    padding: 0px !important;
    border-bottom: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}
.list-items li.talk_to img, .list-items li.talk_from img {
    box-shadow:0px 0px 6px 3px #8b8b8b;
}

.headerlistitems table, .list-items2 table {
    width: 100%;
    border-collapse: collapse;
}
.headerlistitems th, .list-items2 td {
    text-align: left;
    border-right: 1px solid #ddd;
    padding: 5px 2px !important;
    vertical-align: middle;
}
.headerlistitems th {
    text-align: center;
    background-color: #eee;
}
.headerlistitems .listBox6, .list-items2 .listBox6 {
    width: 60px;
}
.headerlistitems .listBox1, .list-items2 .listBox1 {
    width: 10px;
}
.headerlistitems .listBox8, .list-items2 .listBox8 {
    width: 80px;
}
.headerlistitems .listBox10, .list-items2 .listBox10 {
    width: 100px;
}
.headerlistitems .listBox11, .list-items2 .listBox11 {
    width: 110px;
}
.headerlistitems .listBox12, .list-items2 .listBox12 {
    width: 120px;
}
.headerlistitems .listBox14, .list-items2 .listBox14 {
    width: 140px;
}
.headerlistitems .listBox19, .list-items2 .listBox19 {
    width: 250px;
}
.list-items2 li {
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
    border-bottom: 2px solid white;
    float: left;
    width: 100%;
}
.list-items2 li:nth-child(2n) {
    background-color: #F0F0F0;
}
.list-items2 li:hover {
    background-color: #F0F0F0;
}
.list-items h3 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.list-items small {
    display: block;
    color: #777;
}
.list-items .itemsOperations, .list-items2 .itemsOperations {
    width: 215px;
    vertical-align: middle;
    text-align: right;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
}
.list-items .itemsOperations.short, .list-items2 .itemsOperations.short {
    margin-top: 0px;
}
.list-items li.red, .list-items2 li.red {
    background-color: #fee !important;
}
.list-items li.red:nth-child(2n), .list-items2 li.red:nth-child(2n) {
    background-color: #F8E7E7 !important;
}
.list-items li.red:hover, .list-items2 li.red:hover {
    background-color: #F0F0F0 !important;
}
.dragitem {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-top: 5px;
    background-image: url('../images/admin/move.png');
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    display: block;
}
.dragitemEmpty {
    width: 24px;
    height: 24px;
    margin-top: 5px;
    float: right;
    display: block;
}
/* Logowanie */
#loginFormWrapper {
    margin: 10% 50%;
}
#loginForm {
    width: 400px;
    position: relative;
    left: -200px;
    background-color: white;
    border: 1px solid #dfdfdf;
    display: block;
    padding-bottom: 20px;
}
#loginForm h1 {
    background-color: #373f50;
    padding: 10px 20px 10px 20px;
    color: white;
    font-family: verdana;
    font-weight: normal;
    font-size: 15px;
    margin: 0;
}
#loginForm form {
    display: block;
    margin: 10px 10px 0 10px;
}
#loginForm label {
    float: left;
    width: 100px;
    text-align: right;
    padding: 3px 10px;
    font-size: 11px;
}
/* Formularz edycji */
table.form {
    width: 100%;
}
table.form td.label {
    padding: 5px !important;
    width: 130px;
    text-align: right;
}
table.form input.input {
    width: 300px;
}
table.form td.in {
    padding: 5px !important;
    width: 300px;
}
table.form td {
    background-color: #f8f8f8;
    vertical-align: middle;
}
table.form td.def {
    padding: 5px !important;
    background-color: #f8f8f8;
    vertical-align: middle;
}
#ajax-infos {
    position: relative;
    margin: 0 auto;
    width: 240px;
}
#ajax-infos-text-saving, #ajax-infos-text-done {
    position: absolute;
    width: 240px;
    top: 0;
}
#ajax-infos p {
    color: white;
    background-color: black;
    background-repeat: no-repeat;
    background-position: 7px 8px;
    margin: 0;
    width: 200px;
    padding: 10px 10px 10px 30px;
    float: left;
}
#ajax-infos-text-saving p {
    background-image: url('../images/admin/spinner.gif');
}
#category_id {
    width: 400px;
}
.paginator {
    text-align: center;
    padding: 10px 0;
}
.paginator p {
    display: inline;
    color: #777;
}
.paginator a {
    padding: 5px;
    text-decoration: none;
}
.paginator p.selected {
    background-color: #0092ff;
}
.paginator p.selected a {
    color: white !important;
    font-weight: bold;
}
.operationHeaderFilter {
    background-color: #eae9e1;
    text-align: center;
}
#filter {
    margin: 0;
    padding: 0;
    width: 100%;
}
#filter td {
    margin: 0;
    padding: 5px;
    background-color: #eee;
}
.filter_label {
    width: 150px;
}
table.simple {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
table.simple td {
    margin: 0;
    padding: 3px;
}
table.stats td {
    background-color: #f5f5f5;
    padding: 3px;
    text-align: right;
}
table td.statssum {
    color: #bf1d1d;
    text-align: right;
}
table td.statssum_important {
    color: #bf1d1d;
    font-weight: bold;
    text-align: right;
}
table.stats th, table td.statsinfo {
    background-color: #ddd;
    text-align: center;
}
table.stats td.stats_procent {
    background-color: #e0e3e7;
}
a.strike {
    color: #aaa !important;
    text-decoration: line-through underline;
}
.todo strike {
    color: silver;
}
td.red {
    color: red;
}
td.blue {
    color: blue;
}
.taskInfo {
    margin-bottom: 10px;
}
.taskInfo .progress {
    background-color: #a3ebad;
}
.taskInfo .progress span {
    background-color: red;
    height: 100%;
    display: block;
    float: left;
    color: white;
    text-align: center;
}
.taskInfo td {
    padding: 2px !important;
    background-color: #fafafa;
    min-width: 150px;
    _width: 150px;
    vertical-align: middle;
}
.taskInfo td.header {
    background-color: #eee;
    text-align: right;
}
.taskInfo td.form {
    white-space: nowrap; 
}
.submit {
    font-size: 12px;
}
.bigger {
    font-size: 1.5em;
}
#priorytety {
    margin: 0 0 0 10px;
}
#priorytety li {
    padding: 2px 0;
}
#priorytety li span {
    padding: 3px;
    display: block;
    width: 70px;
}
.filterSelect {
    min-width: 250px;
    _width: 250px;
}
.listBoxR {
    width: 190px;
    float: right;
}
.whiteInfo {
    background-color: white;
    padding: 10px;
    border: 1px solid #eee;
    width: 160px;
    margin: 10px 0;
}
.whiteInfo ul {
    margin: 0 !important;
    padding: 0 !important;
}
.whiteInfo li {
    margin: 2px 0 2px 10px !important;
    padding: 0 !important;
}
.whiteInfo span {
    display: block;
    padding: 1px 3px;
}
.noauth {
    background-color: red;
}
.isauth {
    background-color: green;
}
.room {
    width: 100%;
}
.room th {
    background-color: #ddd;
    padding: 4px;
}
.room td {
    background-color: #f8f8f8;
    padding: 4px;
    width: 12%;
}
.room tr.two td {
    background-color: #f1f1f1;
}
.room a {
    color: #f8f8f8 !important;
    text-decoration: none;
    font-weigh: bold;
    display: block;
}
.room tr.two a {
    color: #f1f1f1 !important;
}
.room a:hover {
    background-color: #373f50;
    padding: 4px;
    text-align: center;
}
.reservation {
    background: #ffcc00 url('../images/admin/reservation.png') repeat-x top left !important;
    color: white;
    text-align: center;
    padding: 5px !important;
    cursor: pointer !important;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #aaa;
}
iframe {
    overflow: hidden;
}
.food img {
    padding: 2px;
}
#header .red, #header .green, #header .yellow, .infoBox {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 4px;
    margin-left: 1px;
    border: 1px solid #aaa;
}
#header .red {
    background-color: red;
    color: white;
}
#header .green {
    background-color: green;
    color: white;
}
#header .yellow {
    background-color: #fff000;
    color: black;
}
.holiday {
    width: 100%;
}
.holiday th {
    background-color: #ddd;
    padding: 4px;
    width: 20px;
}
.holiday td {
    background-color: #f8f8f8;
    padding: 4px;
    width: 12%;
    text-align: center;
    color: #36393D;
    width: 20px;
}
.weekend {
    background-color: #f1f1f1 !important;
}
.myHoliday {
    background: #ffcc00 !important;
    color: white !important;
    text-align: center;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
}
.talk_to {
    background-color: #f1f6f1 !important;
    margin-left: 50px !important;
}
.talk_from {
    background-color: #f6f1f1 !important;
    margin-right: 50px !important;
}
.talk_private {
    background-color: #f6f1f6 !important;
}
.talk_nobody {
    background-color: #f1f1f6 !important;
}
.talk_important {
    border: 1px solid #f99 !important;
}
.talk_answer a {
    color: blue !important;
}
.talk_comment_deleted span{
    display: none;
}
.talk_comment {
    font-size: 12px;
    cursor: pointer;
}
.talk_comment_hover {
    background-color: #FFB6C1 !important;
}
.copy_comment_link {
    cursor: pointer;
}
.talk_comment_new {
    background-color: yellow !important;
}
.talk_comment_new_hidden {
    display: none;
}

td.xdsoft_weekend div {
    color: red;
}
div#DeleteCompany
{
    position:relative;
    clear: both;
    margin: 3px 5px;
    border-bottom: 1px solid #AAA;
    font-size: 13px;
}
div#DeleteCompany:hover
{
    background-color: rgba(0,0,0,0.05);
}
div#DeleteCompany a
{
    color: #F00;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 5px;
    margin-right: 5px;
    border-right: 1px solid #AAA;
    cursor:pointer;
}
div#DeleteCompany a:hover
{
    color: #B00;
    font-weight: bold;
}
.listBoxSubsUnavaible{
    width: 60px;
}
.listBoxSubs{
    width: 60px;
    cursor: pointer;
    color: #36393D;
    font-weight: bold;
}
.listBoxSubs p
{
    padding: 10px 0 0 0 !important;
    margin:0px;
    display: inline;
}
.listBoxSubs svg{
    width:60px;
    stroke:url(#linear);
    margin-top:0px;
    margin-bottom:2px;
    transition: margin 0.15s ease, transform 0.5s ease;
}
.listBoxSubs:hover svg.expand{
    stroke:red;
    stroke:url(#linearhover);
    margin-top:2px;
    margin-bottom:0px;
}
.listBoxSubs:hover svg.add{
    stroke:red;
    stroke:url(#linearhover);
    transform: rotateZ(90deg);
}
svg.Rotated180
{
    margin-bottom:-2px !important;
    transform: rotateZ(180deg);
}
.listBoxSubs:hover svg.Rotated180
{
    margin-bottom:0px !important;
    transform: rotateZ(180deg);
}
.subtask
{
    display: table-row;
    clear:both;
    height:0px;
    overflow:hidden;
    border-top: 1px solid #FFF;
}
.newsubtask
{
    border-bottom:8px solid #FFF;
    border-top:3px solid #FFF;
}
.newsubtask td a
{
    color:red !important;
}
.newsubtask td
{
    text-align: center;
    transition: background-color 0.1s ease;
}
.newsubtask td:hover
{
    background-color: #E8E8E8;
    text-align: center;
}
table.TaskViewParents{
    width:100%;
    border-top:2px dotted #DDD;
    border-bottom:2px solid #DDD;
}
table.TaskViewParents td{
    border-top:2px dotted #EFEFEF;
    border-bottom:2px solid #EFEFEF;
    vertical-align:middle;
    padding:3px !important;
}
table.TaskViewParents tr:nth-child(2n)
{
    background-color: #EFEFEF;
}
table.TaskViewParents tr:hover{
    background-color: #DDD;
}
td.TaskViewMore
{
    border-bottom:2px dotted #DDD;
    height:30px;
    background-color: #FFF;
}
td.TaskViewMore:hover
{
    background-color: #EEE;
}
td.TaskViewMore p
{
    font-size: 11px;
    margin-bottom:2px;
}
td.TaskParent
{
    background-color: #FFF;
    cursor:default;
}
td.TaskParent:hover
{
    background-color: #FFF;
    cursor:default;
}
td.TaskParent a
{
    color: red !important;
}
table.MainTask tr:hover
{
    background-color: #EDEDED;
}
@keyframes moveArrows {
    0% {
        transform: translate(0px, 0px) scale(0.7);
    }
    25% {
        transform: translate(0px, 3px) scale(1.05);
    }
    50% {
        transform: translate(0px, -2px) scale(1.1);
    }
    75% {
        transform: translate(0px, -3px) scale(1.05);
    }
}
svg#arrows
{
    fill: url(#linear);
    cursor:pointer;
    transform: scale(0.7);
}
svg#arrows:hover
{
    fill: url(#linearhover);
    animation: moveArrows 1s ease;
}
.listBox19{
    text-align: center !important;
}

ol.ScrollSubmenu{
    display: block;
    position:relative;
    float: left;
    padding: 0px;
    max-height:27px;
    overflow: hidden;
    cursor: default;
    transition: max-height 0.3s ease;
    margin: 0px 1px 0px 0px;
}
ol.ScrollSubmenu:hover{
    max-height:300px;
}
ol.ScrollSubmenu li{
    display: block;
    position:relative;
    clear: both;
    width: 100%;
}
ol.ScrollSubmenu li.Title{
    text-align: center;
}
ol.ScrollSubmenu li:not(:first-child){
    -webkit-border-radius-topleft: 0px !important;
    -khtml-border-radius-topleft: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-radius-topright: 0px !important;
    -khtml-border-radius-topright: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px !important;
}

div.headerSpacer{
    width: 100%;
    height :50px;
    background-color: #2a2a2a;
}

form.UserRaportFilterForm{
    border-bottom: 1px solid #EBEBEB;
    box-shadow: inset 0px -5px 3px -4px rgba(0,0,0,0.1);
    padding: 10px;
    margin: 0px 0px 30px 0px;
}
table.UserRaportFilter{
    margin: 0px auto;
    text-align: center;
}
table.UserRaportFilter input:not([type="checkbox"]){
    width: 100%;
}

table.UserRaport{
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}
table.UserRaport tr td{
    padding: 10px 0px 10px 0px !important;
}
table.UserRaport tr td:first-child{
    width: 250px;
    vertical-align: middle !important;
}
table.UserRaport tr{
    border-bottom: 1px solid #EBEBEB;
}
table.UserRaport tr:hover{
    background-color: #FAFAFA;
}

.UserRaportLegend{
    display: flex;
    overflow: hidden;
    border: 2px solid #c3c3c3;
}
.UserRaportLegend div{
    flex: 1;
    text-align: center;
    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
    padding: 3px 5px;
    font-weight: bold;
    filter: drop-shadow(-3px 0px 5px rgba(0,0,0,0.2));
    display: flex;
    justify-content: center;
    align-items: center;   /* <---- NEW    */
}
.UserRaportLegend div p{
    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.7));
    color:#FFF;
    padding: 0px;
    margin:0px;
    flex: 1;
}

.UserRaportGreen{background-color: #84C957;fill: #84C957;}
.UserRaportGreyCyan{background-color: #3F9282;fill: #3F9282;}
.UserRaportBlue{background-color: #4B6399;fill: #4B6399;}
.UserRaportViolet{background-color: #664D9D;fill: #664D9D;}
.UserRaportIndygo{background-color: #8E4296;fill: #8E4296;}
.UserRaportPink{background-color: #D15A78;fill: #D15A78;}
.UserRaportPeach{background-color: #E59663;fill: #E59663;}
.UserRaportSkin{background-color: #E5B963;fill: #E5B963;}
.UserRaportYellow{background-color: #E5D363;fill: #E5D363;}
.UserRaportRed{background-color: #F44;fill: #F44;}

.UserRaportShadowedGreen{background-color: #689e45;;fill: #689e45;}
.UserRaportLightenGreen{background-color: #a2ef71;fill: #a2ef71;}

.UserRaportShadowedGreyCyan{background-color: #2b6358;fill: #2b6358;}
.UserRaportLightenGreyCyan{background-color: #57ccb5;fill: #57ccb5;}

.UserRaportShadowedBlue{background-color: #314165;fill: #314165;}
.UserRaportLightenBlue{background-color: #6c8eda;fill: #6c8eda;}

.UserRaportShadowedViolet{background-color: #392b56;fill: #392b56;}
.UserRaportLightenViolet{background-color: #8965d4;fill: #8965d4;}

table.UserRaportProgressBars{
    margin:0px;
    padding: 0px;
    width: 100%;
}
table.UserRaportProgressBars tr td{
    margin:0px !important;
    padding: 0px !important;
    width: calc(100% - 150px);
    line-height: 25px;
}
table.UserRaportProgressBars tr td:first-child{
    width: 150px !important;
    text-align: right;
}
div.UserRaportProgressBar{
    width: 100%;
    height: 25px;
    position: relative;
    float: left;
    border: 1px solid #c3c3c3;
    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
}
div.UserRaportProgressBar div{
    height:100%;
    position: relative;
    float: left;
    line-height: 25px;
    text-align: center;
    overflow:hidden;
    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
    font-size: 0.7rem;
    color:#FFF;
    transition: box-shadow 0.2s ease;
}
div.UserRaportProgressBar div:hover{
    box-shadow: inset 0px 0px 4px 0px rgba(255,255,255,0.1);
}
div.UserRaportProgressBarDown{
    width: 100%;
    float: none;
}

div.UserRaportProgressBar div.UserRaportBarInfo{
    position: absolute !important;
    bottom:30px;
    left:-325px;
    z-index: 500;
    background-color: #FFF;
    width: 320px;
    height: 270px !important;
    opacity: 0;
    color:#000;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    padding: 5px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.4);
    pointer-events: none;
    transition: opacity 0.1s ease;
}
div.UserRaportProgressBar.UserRaportProgressBarDown div.UserRaportBarInfo{
    left:50px;
}
div.UserRaportProgressBar:hover div.UserRaportBarInfo{
    opacity: 1;
}
div.UserRaportProgressBar div.UserRaportBarInfo h2{
    font-size: 15px;
    padding: 0px 5px;
    margin: 5px 0px 5px 0px;
}

div.UserRaportProgressBarRight{float:right !important;}

div.UserRaportProgressBar div.UserRaportBarInfo table tr td{
    padding: 0px !important;
    line-height: 20px;
}
div.UserRaportProgressBar div.UserRaportBarInfo table tr td:first-child{
    width: 200px !important;
    text-align: right;
}
div.UserRaportProgressBar div.UserRaportBarInfo table tr td:not(:first-child){
    font-weight: bold;
}
h2.UserRaportH2{
    display: block;
    width:100%;
    text-align: center;
    border-top: 1px solid #EBEBEB;
    padding: 10px;
    color: #444;
}

table.UserRaportProgressBarsProflie{
    width: calc(100% - 100px);
}
table.UserRaportProgressBarsProflie tr td:first-child{
    width: 100px !important;
}

div.UserRaportCubeContainer{
    width:100%;
    height: 200px;
    text-align: center;
    background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 85%,rgba(181,198,208,1) 85%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding-top: 10px;
    margin-top: 10px;
    border: 2px solid #c3c3c3;
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(242,246,248,1) 47%,rgba(216,225,231,1) 47%,rgba(216,225,231,1) 47%,rgba(216,225,231,1) 85%,rgba(181,198,208,1) 85%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


div.UserRaportCube{
    display: inline-block;
    position: relative;
    float: none;
    width: 140px;
    height: 200px;
}
div.UserRaportCube svg.UserRaportCube{
    display: block;
    position: absolute;
    bottom:-5px;
    width: 235px;
    overflow: visible;
}

div.UserRaportCube svg.UserRaportCube path.UserRaportu{
    filter: drop-shadow(0px 0px 9px rgba(0,0,0,1));
}
div.UserRaportCubeDown{
    display:  block;
    position: absolute;
    bottom: 0px;
    left:0px;
    width: 100%;
    height: 30px;
    background-color: rgba(255,0,0,0.5);
        
}

td.taskRaportFilter > input,  td.taskRaportFilter > select{
    position: relative;
    width: 100%;
}
td.taskRaportFilter > select{
    background-color: #FFF;
    overflow-y: auto;
}
td.taskRaportFilter > select > option{
    background-color: #FFF;
    color: #000;
    padding: 3px 5px;
    height: 17px;
    font-weight: bold;
    border-bottom: 1px solid #d8ebda;
}
td.taskRaportFilter > select > option:checked{
    background-image: url('/public/images/admin/raportSelect.png');
    color: #000;
}
td.taskRaportFilter > select > option:hover {
    color: #000; 
}
#taskStartButton{
    position: relative;
    width:100%;
    height:48px;
    border: 1px solid #dfdfdf;
    border-style: solid none;
    margin: 5px 0px;
    text-align: center;
    cursor: pointer;
}
#taskStartButton:before{
    transition: opacity 0.1s ease;
    content: "";
    opacity: 0.2;
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-image: url('data:image/png;base64,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');
}
#taskStartButton p{
    transition: color 0.1s ease;
    position: relative;
    line-height: 48px;
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    filter: drop-shadow(2px 2px 5px #FFF) drop-shadow(-2px -2px 5px #FFF) drop-shadow(-2px 2px 5px #FFF) drop-shadow(2px -2px 5px #FFF);
}
#taskStartButton:hover:before{
    opacity: 0.1;
}
#taskStartButton:hover p{
    color: #0a5;
}

.day {
    position: relative;
    width: 20px;
    height: 20px;
    text-align: center;
    background: rgba(148, 177, 194, 0.21);
}
.day > div {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: -45px;
    border-radius: 10px;
    background: rgba(148, 177, 194, 0.75);
    padding: 5px;
    display: none;
    width: 100px;
    height: 30px;
    border: 1px solid rgba(148, 177, 194, 0.21);
}
.day:hover > div{
    display:block;
}
.day:hover {
    background-color: #9ee5ff;
}
.calendar {
    border: 1px solid #8B8B8B;
    display: inline-block;
}
.cssRed {
    color: red;
}
.dayIn1 {
    background: rgba(167, 249, 41, 0.71);
}
.dayIn2 {
    background: rgba(119, 200, 41, 0.71);
}
.dayIn3 {
    background: rgba(57, 114, 31, 0.71);
}
.nbsp {
    background: rgba(249, 242, 222, 0);
}

.nbsp2 {
    background: rgba(249, 242, 222, 0.71);
}

.debt {
    background-color: red;
    position:fixed;
    bottom:0px;
    min-height:30px;
    padding-top: 10px;
    color: white;
    z-index: 99999999;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.close-popup {
    position: fixed;
    bottom: 25px;
    right: 2px;
    color: white;
    cursor: pointer;
}
.cke_autocomplete_panel{
    width: auto !important;
    max-width: 500px;
}