body,html{
margin:0px;
padding:0px;
font-size:14px;
font-weight:300;
font-family:'Open Sans','Century Gothic', 'Trebuchet MS',Verdana;
color:white;
background:#212933;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 , .col-xs-10 , .col-xs-11 , .col-xs-12 {
padding-left:0px;
padding-right:0px;
}
.left-col {
	width:120px;
	float:left;
	background:#111213;
	min-height: 100vh;
}

.center-col {
	width:100%!important;
	float:left;
	padding-left:25px;
	padding-right:25px;
	overflow:auto;
	min-height: 100vh;
}

.center-col2{
	width:100%;
	float:left;
	padding-left:25px;
	padding-right:25px;
	overflow:auto;
	min-height: 100vh;
}

.myp {
background: #212B36 !important;
border-left: 3px solid #19BAC6;
}

@media (max-width:1200px)
{
.right-col {display:none;}
.center-col {width:85%;}
.left-col-in > a {font-size:11px;}
}

.right-col {
width:20%;float:left;height:100%;background:#fff;
color:#181f28;
}

.right-bg{
position: fixed;
width:100%;
top: 0px;
bottom: -1px;
z-index: 1;
background:white;
}

.single_project_right {
padding:10px;
border-bottom:1px solid #d0d0d0;
}

.single_project_page {
padding:10px;
border:1px solid #5D636A;
margin-bottom:5px;
background:#181F28;
overflow:auto;
transition:0.4s;
}

.single_project_page:hover {
	background:#2f3647;
}

.single_task_index tr {
background:#181f28;
background: linear-gradient(#1D2127, #1A2026) repeat scroll 0% 0% #181F28;
border:1px solid #323a43;
width:100%;
overflow:auto;
color: #97A3B0;
font-size:18px;
margin-bottom:5px;
}

.graph {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 11px;
	padding: 9px 0px;
	border: 3px solid #35AFC9;
	border-radius: 50%;
	color:#92E4F6;
}

.single_task_index:hover tr {
background:#1B1F23;
color:White;
}

.edit_task{
background:#181f28;
border:1px solid #323a43;
width:100%;
padding:10px;
overflow:auto;
transition:1s;
}

.edit_project_bg {
position:fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
z-index:999;
background:rgba(0,0,0,0.7);
}

.edit_project {
background:#181f28;
border:1px solid #323a43;
position:fixed;
width: 96%;
top: 2%;
bottom: 2%;
left: 2%;
right: 2%;
padding:10px;
overflow:auto;
transition:1s;
border-radius:7px;
}

.edit_mini >input ,select{
padding:10px;
width:22%;
margin-right:10px;
color:white;
background:#181F27;
border:1px solid #323a43;
border-radius:5px;
float:left;
margin-top:5px;
}

.edit_mini_projects > div > input ,select{
padding:10px;
width:100%;
color:white;
background:#181F28;
border:1px solid #323a43;
border-radius:5px;
margin-top:10px;
margin-bottom:10px;
}

.edit_mini_projects > div:first-child{
padding-right:20px!important;
}

.edit_mini_projects > input ,select{
padding:10px;
width:100%;
color:white;
background:#181F28;
border:1px solid #323a43;
border-radius:5px;
margin-top:10px;
margin-bottom:10px;
}
.edit_mini_projects > textarea {
min-height:140px;
}

.index_col {
padding-left:13px;
padding-right:13px;
padding-top:22px;
font-size:14px;
padding-bottom:22px;
border-right:1px solid #282E38;
}

.perfm {
padding-top:5px;padding-bottom:5px;
}

.performer_av {
	margin-right: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 47px;
}

.av-Grzegorz {border-color:#00FF93;}
.av-Kamil {border-color:#00B3DA;}
.av-kacper {border-color:#fff;}
.av-Artur {border-color:#A8FF00;}

#text_p  {display:none}


.progress_r {padding:5px;font-size:11px;font-weight:bold;border-radius:50%;color:White;background:#ff0054;}

h2 {padding:20px;font-size:14px;border-bottom:2px solid #2a3139;margin-bottom:0px;margin-top:0px;font-weight:bold;}

h1 {
clear:both;
font-size:20px;
padding-top:20px;
}

.container_block {
clear:both;
display:block;
overflow:auto;
position:relative;
}

.status-mini {
	display:inline-block;
	width:5px;
	position:relative;top:-1px;
	height:5px;
	border-radius:50%;

}

.single-action {
	background: #262b38;
	border: 1px solid #2b3642;
	color: #97A3B0;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 7px;
}

.menu-in a {
	color:#5d6671;
	text-decoration:none;
	text-align: center;
	display:block;
	transition:0.2s;
	font-size:12px;
	padding:15px 0px;
	border-bottom:1px solid #212426;
}

.menu-in a span {
	font-size:25px;
	margin-bottom:4px;
	color: #38dbdb;
	display:block;
}

.menu-in a:hover {
	color:#fff;
	background: #0d0d0f;
}

.data {
	margin-top:8px;
}
.data > span {
padding:5px;
font-size:14px;
line-height:40px;
}

.utarg {
font-size:20px;
float:right;
margin-top:10px;
text-align:center;
}

.waiting {
padding:10px;
display:block;
background:#00aba5;
font-size:16px;
border-radius:5px;
margin-right:10px;
}

.inprogress {
padding:10px;
display:block;
font-size:16px;
background:#181f28;
border:1px solid #5d636a;
border-radius:5px;
margin-right:10px;
}

.add_form  input, textarea, select{
display:block;
width:100%;
padding:10px;
color:white;
background:#181F28;
border:1px solid #323a43;
border-radius:5px;
margin-top:5px;
}

.submit_button {
background:#00ABA5!important;
border:0px!important;
}

.table_projects {
	width:100%;
	margin-top:10px;
	border-bottom:1px solid #2D3B4C;
	border-right:1px soldid #2D3B4C;
}

.table_projects  a{
color:White;
text-decoration:none;
}

.table_projects td, .table_projects th {
	padding:10px;
	background:#181F28;
	border-top:1px solid #2D3B4C;
	border-left:1px solid #2D3B4C;
}

.table_projects tr:nth-child(even) td {
	background:#00ABA5;
}

.week {
	width:100%;
	overflow:auto;
}
.single-day {
	text-align:center;
	padding:10px;
	border:2px solid #212933;
	font-size:15px;
	position:relative;
	background:#181F29;
	float:left;
	margin-bottom:0px;
	width:12%;
	min-height:100px;
}
.single-day:first-child {
	background:none;
	width:8%;
	border:2px solid #212933!important;
}

.single-day:last-child {
	width:8%;
	border:2px solid #212933!important;
}


#notestik {
	display:none;
}

.show-timer {
	color:White;
	float:right;
	font-size:11px;
	opacity:0.5;
}

.tool-mini {
	color:White;
	float:right;
	margin-left:4px;
	font-size:11px;
	opacity:0.5;
}

.show-timer:hover, .tool-mini:hover {
	color:White;
	opacity:1;
}

.edit-time-form {
	display:none;
	position:absolute;
	top:-2px;
	left:0px;
	width:100%;
	z-index:9999;
	height:100px;
	background:#10998F;
	padding:20px;

}
.start-edit-input {
	border:0px;
	background:#157474;
	color:#fff;
	width:60%;
	font-size:12px;
	padding:3px;
	border-radius:10px;
	float:right;
}

.edit-time-formspan{
	border:0px;
	color:#fff;
	width:40%;
	float:left;
}
.start-count {
	text-align:center;
	width:40px;
	margin:0 auto;
	background:#3e101f;
	border-radius:50%;
	padding: 10px 7px;
	color:#fff;
	font-weight:bold;
	margin-top: 20px;
	font-size:13px;
	display:inline-block;
	transition:0.2s;
	opacity:0.1;
}
.start-count:hover {
text-decoration: none;
padding: 15px 10px;
margin-top: 15px;
background:#ff0054;
opacity: 1;
color: white;
width: 50px;
}

.worked-time {
display: block;
text-align: center;
width: 65px;
margin: 0 auto;
margin-top: 6px;
background: #00ABA5;
border: 1px solid #2efff8;
height: 65px;
padding-top: 22px;
border-radius: 50%;
}

.week_time {
display: block;
text-align: center;
width: 65px;
margin: 0 auto;
margin-top: 6px;
background: #FF0054;
border: 1px solid #FF4F86;
height: 65px;
padding-top: 22px;
border-radius: 50%;
}

.progress-time {
	display: block;
	text-align: center;
	margin-top: 16px;
}

.time-image {
	background:#00aba5;
	border-radius:20px;
	height:24px;
	width:70%;
	margin:0 auto;
	margin-top:5px;
}

.current-day {
	background:#121820;
}

.archive-col {
	width:20%;
	float:left;
}

.archive_single_day {
	width:100%;
	text-align:center;
	padding:20px 0px;
	background:#181F29;
	border-bottom:1px solid #212933;
	border-right:1px solid #212933;
}

.archive_single_day:nth-child(odd)
{
	background:#121820;
}

.mini-single-cost {
	padding:5px;
	margin-bottom:0px;
	border:1px solid #d0d0d0;
	border-bottom:0px;
}

.mini-single-cost:nth-child(odd)
{
	background:#F3F3F3;
}

.mini-edit-cost input {
	border: 1px solid rgb(208, 208, 208);
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	width: 30%;
}

.tab-i {
	text-align:center;
}

.tab-i i {
	margin-bottom:10px;
}

.single-message {
	padding:20px;
	border:1px solid #d0d0d0;
	background:White;
	color:#212933;
	border-radius:20px;
	margin:10px 0px;
	clear:both;
}

.client-l {
	padding:20px;
	width:70px;
	height:70px;
	margin-bottom:10px;
	font-size:20px;
	border-radius:50%;
	display:inline-block;
	text-transform:uppercase;
	color:White;
	background:#00ABA5;
}

.our-message {
	float:right;
}

.single-message > hr{
	margin:5px 0px;
	background:#D6D6D6;
	border-color:#D6D6D6;
}

.single-message .desc {
	border:1px solid #D6D6D6;
	padding:10px;
}

.single-message a {
	color: #404244;
}

.message-info {
	text-align: center;
padding: 30px 0px;
background: #16191e;
margin-top: 10px;
border-radius: 30px;
border-left:5px solid #00ABA5;
}

.block-slid {
	padding: 6px;
	font-size:12px;
	cursor: pointer;
	margin-top: 10px;
	background: #EDF1F6;
}

.client-messages {
	color: White;
	background: none repeat scroll 0% 0% #157787;
	padding: 3px 10px 5px 10px;
	display: block;
	text-align: Center;
}

.client-messages:hover {
	color:White;
	opacity:0.9;
	text-decoration: none;
}

#contact-button {
	padding:10px;
	background:#323A43;
	color:White;
	font-size:12px;
	cursor:pointer;
	float:right;
	border-radius:10px;
	margin:20px 0px;
	clear:both;
}
.not {
	margin-top:4px;
	position: relative;
}
.notnubmer {
	background: red;
	display: block;
	position: absolute;
	top:-3px;
	right:-3px;
	border-radius: 4px;
	font-size:12px;
	color:#fff;
	padding:2px 4px;
}
.btn-not{
	position: relative;
	background: none;
	border:2px solid #00ABA5;
	border-radius: 50%;
	color:#fff!important;
	font-size:20px;
}
.not-pid{
	padding: 3px;
background: #FF0054;
border-radius: 4px;
color:#fff;
margin:5px;
}
.not-pname {
	font-size:14px;
	font-weight: bold;
	color:#2E3546;
	margin:5px;
	min-width: 200px;
}
.not-pdate {
	font-size:14px;
	font-weight: 200;
	color:#000;
	margin-right: 5px;
	font-style: italic;
}
.not-list >  a{
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 5px;
	display: block;
}
.not-list > a:last-child{
	border:0;
	margin:0;
	padding:0;
}

.modal-cost .heading {
	font-size:20px;
}

.modal-cost {
	background: rgba(9, 10, 18, 0.9);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	z-index: 999;
	display:none;
}

@media(max-width: 990px)
{
	.modal-cost {
		overflow-y: scroll;	
	}
}

.inner-cost {
	min-height: 90vh;
	width: 90%;
	margin: 0 auto;
	margin-top: 40px;
	border: 1px solid #47536c;
	padding: 20px;
	background: #2a3041;
	position:relative;
}

.close-costs {
	padding:5px;
	background: #D02E2E;
	cursor: pointer;
	color:white;
	position:absolute;
	top:-5px;
	right:-5px;
}

.cost-row {
	width:100%;
	border-bottom: 1px solid #49577a;
	padding: 3px 5px;
	font-size: 12px;
}

.cost-row .name {
	width:84%;
	display:inline-block;
}

.inner-cost h3 {
	padding: 10px;
	background: #3c4357;
	border: 1px solid #51657D;
	font-size: 15px;
}

.cost-row .price {
	display:inline-block;
}

.add-cost .inp, .add-cost select {
	display: inline-block;
	width: 23%;
	padding: 10px;
	color: white;
	background: #181F28;
	border: 1px solid #323a43;
	border-radius: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float:left;
}

#modalfn input {
	padding: 10px;
	color: white;
	background: #181F28;
	border: 1px solid #323a43;
	border-radius: 5px;
	margin-top: 5px;
}

.input {
	margin-top:5px;
	padding:13px;
}

.add-cost h4 {
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #414F6B;
	background: #2e3848;
}
.status-edit {
	z-index: 999;
}

.finances .summary .finances-head {
	font-size:15px;
	padding:15px 15px;
	background:#293655;
}

.finances-head a, .finances-head span {
	padding:4px;
	margin-top:-6px;
	margin-left:4px;
}

.finances .table-striped td {
	background: #222E3C;
	padding:6px 10px;
	border-top: 1px solid #373b4a;
	font-size:13px;
	color: #cdd0d9;
}

.finances .total {
	color:#31C22E!important;
	font-weight: 900;
}

.finances .total-cost {
	color:#ED2D5A!important;
	font-weight: 900;
}

.finances .add-payment .input-form {
	border:1px solid #354353;
	display:block;
	width: 100%;
	border-radius:0px;
	margin-top:0px;
	padding:10px;
	margin-bottom:3px;
	background: #2C3947;
	color:#98A0AA;
}

.finances .fa-file-alt {
	color:#4AC0EC;
	margin-right: 2px;
}

.cost-status {
	margin-right:2px;
}

.cost-unpaid {
	color:#EE6585;
}

.finance-stats {
	margin-top:10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.month-stats {
	width: 100px;
	float: left;
	display: block;
	height: 550px;
    background: #1b202d;
    position: relative;
}

.month-stats:nth-child(odd) {
	background: #181D29;
}

.profit-belt {
    height: 289px;
    width: 20px;
    background: #1678CC;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 20px;
}

.profit-earn {
    height: 289px;
    width: 20px;
    background: #06AEBF;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 45px;
}

.profit-costs {
    height: 289px;
    width: 20px;
    background: #353535;
    display: block;
    position: absolute;
    bottom: 0px;
    left:20px;
}

.profit-chmielu {
    height: 289px;
    width: 20px;
    background: #7112DC;
    display: block;
    position: absolute;
    bottom: 0px;
    left:20px;
}

.stats-title {
	display:block;
	width: 100%;
	text-align: center;
	margin-top:3px;
}

.bar-text {
	text-decoration: none;
}

.avarages {
	padding: 40px;
	float: left;
	background: #0f347b;
}