@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
		url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),
		url('../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
		url('../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
		url('../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../fonts/ProximaNova/ProximaNova-Bold.eot');
	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
		url('../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'),
		url('../fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic,cyrillic-ext');
/* Invoise */
@font-face {
    font-family: "TimesNewRomanBold";
    src: url("../fonts/TimesNewRomanBold/TimesNewRomanBold.eot");
    src: url("../fonts/TimesNewRomanBold/TimesNewRomanBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TimesNewRomanBold/TimesNewRomanBold.woff") format("woff"),
    url("../fonts/TimesNewRomanBold/TimesNewRomanBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Invoise */
html,
body {
    height: 100%;
    font-family: 'Proxima Nova Rg';
}
label, .filter-list .filter-item .filter-title {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    color: #777;
	font-family: 'Proxima Nova Lt';
}
.form-control, .select2-selection, .select2-container--krajee .select2-search--dropdown .select2-search__field{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	border: 1px solid #d5dce0;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow{
	border: none !important;
}

a.link-danger{
	color: #c9302c;
}
#pages .td{
	max-width: 400px;
    word-wrap: break-word;
}
#content{
	background-color: #fff;
    padding: 15px;
    border-radius: 3px;
}
.content-tabs{
	border-bottom: none;
}
.content-tabs > li.active > a, .content-tabs > li.active > a:hover, .content-tabs > li.active > a:focus{
	border: 1px solid #fff;
}
.content-tabs > li > a:hover{
	border-bottom: 1px solid #fff;
}

#table-content{
	background-color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
	border-top: 3px solid #57c785;
}
#table-content .table{
	margin-bottom: 0px;
}
#table-content tr{
	border-top: none;
}
#table-content i {
    color: #7f7f7f;
    cursor: pointer;
}
#table-content i:hover {
    color: #666;
}

.glyphicon-move{
	padding: 4px 8px;
    display: inline-block;
    color: #888;
	cursor:pointer;
}
.glyphicon-move:hover{
	color: #0c80d9;
}

.logo{
	float: left;
    max-height: 46px;
    margin: 8px;
}
b{
	font-family: 'Proxima Nova Lt';
}
.input-sm{
	font-size: 14px;
}

.btn:active, .btn.active{
	-webkit-box-shadow: none;
    box-shadow: none;
}
.btn-white.active, .btn-white.active:hover{
	box-shadow:none;
	-webkit-box-shadow:none;
	color:#57C785 !important;
}


.full-width{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0px 15px;
}
.calendar{
    background-color: #fff;
    padding: 9px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	color: #fff;
    background-color: #57C785;
    border-color: #57C785;
	margin-left: 0px;
}
.pagination > li > a, .pagination > li > span{
	border-color: #fff;
	margin-left: 2px;
	
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	border-color: #fff;
	margin-left: 0px;
    margin-right: 2px;
}

.navbar-top{

	-webkit-box-shadow: 0 0 6px rgba(234, 234, 234, 0.96);
    box-shadow: 0 0 6px rgba(234, 234, 234, 0.96);
    margin-bottom: 24px;
	border:none !important;
	font-size: 16px;
	background-color:#fff;
}

.navbar-top li a {
    -webkit-box-sizing: border-box;
    -webkit-transition-duration: .15s;
    -webkit-transition-property: border-color,color;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    color: #92929d;
    display: block;
    font-weight: 400;
    padding: 20px 10px;
	margin: 0 5px;
    transition-duration: .15s;
    transition-property: border-color,color;
}

.navbar-top .select2-container--krajee .select2-selection{
	border-radius: 25px;
	border: none;
	background: rgba(0,0,0,0.04);
	padding: 6px 24px 6px 15px;
	line-height: 1.5;
}
.navbar-top .select2-container--krajee .select2-selection--single .select2-selection__arrow{
	right: 4px;
}
.navbar-top .select2-container--krajee.select2-container--open.select2-container--below .select2-selection{
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    border-radius: 0px;
	background-color: #fff;
	border: none !important;
}
.navbar-top .select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus{
	border: none !important;
}
.navbar-top .nav .open > a, .navbar-top .nav .open > a:hover, .navbar-top .nav .open > a:focus {
    background-color: rgba(0,0,0,0.04);
    border-color: #57C785;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
	color: #647179;
    background-color: #fff;
}
.nav-pills > li > a {
	background-color: #f1f1f1;
    color: #8F9FA9;
}
.btn-green {
    color: #fff;
    background-color: #57C785;
    border-color: #57C785;
}
.btn-green:hover, .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .btn-green.focus, .btn-green:active.focus, .btn-green.active.focus {
	color: #fff;
	background-color: #4fb77a;
}
.btn-white {
    color: #647179;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.focus, .btn-white:active.focus, .btn-white.active.focus {
	color: #647179;
	background-color: #fdfdfd;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group.open .dropdown-toggle{
	-webkit-box-shadow: none;
	box-shadow:none;
}



.wfp-btn{
    background: #018FFC;
    border-color: #018FFC;
    color: white !important;
    padding: 12px 40px;
    font-size: 17px;
    min-width: 300px;
    border-radius: 6px;
    font-weight: 400;
    line-height: 1.4;
}
.wfp-btn:hover{
    background: #007be8 !important;
    border-color: #007be8 !important;
}
.wfp-logo {
    width: 200px;
}


.btn-dark {
    color: #fff;
    background-color: #647179;
    border-color: #647179;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .btn-dark.focus, .btn-dark:active.focus, .btn-dark.active.focus {
	color: #fff;
	background-color: #647179;
}
.btn-red {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-red:hover, .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus, .btn-red.focus, .btn-red:active.focus, .btn-red.active.focus {
	color: #fff;
	background-color: #d43f3a;
}


.navbar-top li a:hover {
	background-color:transparent;
    border-color: #92929d;
    color: #23232d;
    text-decoration: none;
}

.navbar-top li.active a {
    border-color: #57C785;
    color: #23232d;
}

.navbar-top .btn-group, .navbar-top #p0{
	margin: 12px 0px;
    float: right;
	position: relative;
    display: inline-block;
    vertical-align: middle;
	
}

.navbar-top button{
	background-color: #f8f8f9;
    border: 1px solid #d1d1d7;
    color: #23232d;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.navbar-top .btn-group.open .dropdown-toggle{
	background-color: #fff;
}
.navbar-top .dropdown-menu li a {
	border:none !important;
	padding: 7px 10px;
}

.navbar-top .btn-group{
	margin: 12px 0px;
    float: right;
}

.navbar-top .project_select{
    margin: 14px 14px 0px 14px;
	display:inline-block;
	width: 210px;
}

#headerbar{
    padding: 8px 0px;
	width:100%;
	display:inline-block;
}
#headerbar+#headerbar{
	padding-top: 0px;
}

#headerbar h1 {
    font-size: 24px;
    line-height: 30px;
	margin: 4px 0;
    float: left;
}
#headerbar .delimiter{
	float: right;
    width: 1px;
    background-color: #ddd;
    height: 30px;
    margin: 2px 7px;
}
#headerbar .pull-right>a, #headerbar .pull-right>ul{
	margin: 0px 4px;
}
#headerbar .pagination{
	margin: 0;
}
#headerbar .nav li a {
    padding: 7px 12px;
}
#headerbar .headerbar-count{
    padding: 14px 12px 0px;
    display: inline-block;
    font-size: 12px;
    color: #92929d;
}
.btn-default{
	 border-color:#d5dce0;
}
#headerbar .filter{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

#headerbar .filter .form-group {
    margin-bottom: 0px;
}


#headerbar .back{
	float:left;
}
#headerbar .back a{
	background-color: transparent;
    border: none;
    border-radius: 50%;
    height: 37px;
    width: 37px;
    color: #666;
    display: inline-block;
    padding: 8px 12px;
    margin-right: 5px;
    font-size: 16px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#headerbar .back a:hover{
	background-color: rgba(0,0,0,0.04);
}



.pfilter{
    padding: 10px 12px;
	min-width: 240px;
}
.pfilter-item{
    margin-bottom: 10px;
}

.pfilter-range{
	display: inline-block;
}
.pfilter-range > div{
	width: 45%;
	float: right;
    text-align: center;
}
.pfilter-range > div:first-of-type{
	position: relative;
	margin-right: 17px;
	float: left;
}
.pfilter-range > div:first-of-type:after {
    content: "";
    display: block;
    height: 1px;
    width: 7px;
    background: #333;
    position: absolute;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    margin-top: -1px;
}
.pfilter-range input{
	text-align: center;
	padding: 0px 5px;
}
.pfilter select{
	padding: 0px 0px 0px 5px;
    margin-right: 6px;
}
.pfilter button{
	float:right;
}

.ps-currency {
    color: #9c9c9c;
    margin-left: 1px;
}



.ps-currency-field {
    border-radius: 5px;
    color: #656565;
    padding: 0px;
    height: 34px;
    background-color: #f5f5f5;
    border: 1px solid #d5dce0;
}


.puser>div{
	display:none;
}
.puser>div.active{
	display:block;
}

.dropdown-menu{
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.06);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5dce0;
}

.navbar-top .btn-group button{
    background-color: transparent;
    border: none;
    border-radius: 50%;
    height: 37px;
    width: 37px;
    color: #666;
    padding: 0px;
    font-size: 16px;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  
}
.navbar-top .btn-group button:hover{
	background-color: rgba(0,0,0,0.04);
}

.navbar-top .btn-group .caret{
	display:none;
} 


.modal h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 4px 0 15px;
}


.wrap {
    min-height: 100%;
    height: auto;
	background-color:#F8F8F8;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
	display:none;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.short{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.company-logo{
    max-width: 200px;
    margin-bottom: 25px;
	display: block;
}


.big-complete{
	width: 40px;
    padding-top: 10px;
}
.big-complete .fa-check-circle{
	font-size: 25px;
}

.small-complete{
	width: 30px;
}
.small-complete .fa-check-circle{
	font-size: 18px;
}

.complete{
	color: #aaa;
}
.completed a.td{
	color: #bbb;
}
.completed .complete{
	color: #9ee6bc;
}
.complete:hover{
	color: #57C785;
	cursor:pointer;
}


.lock{
	width: 24px;
    position: absolute;
    height: 29px;
    right: 17px;
    top: 27px;
    font-size: 15px;
    padding: 5px 0px;
    text-align: center;
	color: #666;
}
.lock:hover{
	color: #007feb;
	cursor:pointer;
}

.out-link{
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 15px;
    padding: 5px 0px 5px 5px;
    text-align: center;
    color: #666;
    background-color: #fff;
}
.out-link:hover{
	color: #007feb;
	cursor:pointer;
}

.repeat{
	width: 24px;
    position: absolute;
    height: 29px;
    right: 40px;
    top: 27px;
    font-size: 15px;
    padding: 5px 0px;
    text-align: center;
	color: #666;
}
.repeat:hover{
	color: #007feb;
	cursor:pointer;
}



.repeat-interval, .repeat-days{
	display:none;
}




/* .task-files a{
	font-size: 12px;
}
.task-files .fa-file{
	margin-right:8px;
}
.task-files .fa-times-circle{
	margin-left:8px;
	font-size: 14px;
	color: #aaa;
	display:none;
}
.task-files div:hover .fa-times-circle{
	display:inline-block;
}
.task-files .fa-times-circle:hover{
	color: #999;
} */

@media (min-width: 992px){
	.task-form>.col-md-6:first-of-type{
		width: 49%;
		margin-right:1%;
		
	}
}


	
	
.task-upload {
    width: 100%;
    display: flex;
    padding: 4px;
    border-radius: 2px;
	margin:1px 0px;
}
.task-upload:hover {
    background-color: #fbfbfb;
}

.task-upload .icon {
    color: #92929d;
    width: 4%;
    float: left;
    margin-right: 1%;
    text-align: center;
}
.task-upload .text {
	width: 90%;
    float: left;
    font-size: 13px;
    word-wrap: break-word;
}
.task-upload .actions {
	width: 4%;
    margin-left: 1%;
    float: left;
	text-align:right;
}
.task-upload .del-upload{
	color: #666;
	display:none;
	padding: 2px;
}
.task-upload:hover .del-upload{
	display:inline-block;
}
.task-upload .del-upload:hover{
	color: #0c80d9;
}







.task-coment, .task-log{
	width: 100%;    
	display: inline-block; 
	padding: 6px;
    border-radius: 2px;
}
.task-coment:hover{
	background-color: #fbfbfb;
}

.task-coment a{
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
	display:inline-block;
	margin-bottom: -6px;
}

.task-coment .avatar{
	width: 7%;    
	float: left;    
	margin-right: 2%;
}

.task-coment .avatar .thumbnail{
	margin-bottom: 0px;
    border-radius: 50%;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.task-coment .text{
	width: 80%;
	float:left; 
	font-size: 14px;
	word-wrap: break-word;
}
.task-coment .actions{
	width: 9%; 
	margin-left: 1%; 
	float:left;
	text-align:right;
}
.task-coment .del-comment, .task-coment .edit-comment{
	color: #666;
	display:none;
	padding: 10px 0px 0px 10px;
}
.task-coment:hover .del-comment, .task-coment:hover .edit-comment{
	display:inline-block;
}
.task-coment .del-comment:hover, .task-coment .edit-comment:hover{
	color: #0c80d9;
}

#comments-form .undo-comment{
	display:none;
}

#comments-form .col-md-5{
	text-align:right;
}


.task-log .text{
    float: left;
    font-size:12px;     
	color: #92929d;
}

a.td{
	color: #292b2c;
    margin: -8px;
    padding: 8px;
	display: block;
	min-height: 38px;
}
a.td:hover{
	text-decoration:none;
}


/* filter */
.filters{
	background-color: #fafafa;
}
.filters input{
	width: 100%;
	border: 1px solid #ddd;
    height: 24px;
}



.invoice-items {
    position: relative;
}
.invoice-items form input[type="image"]{
	cursor:pointer;
}

.paid-stamp {
    position: absolute;
    bottom: 0;
    left: -20px;
    -moz-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    -o-transform: rotate(22deg);
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

.update{
	cursor:pointer;
}

.expence-text{
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	max-width: 360px;
}

.expence-link{
	font-size:10px; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	max-width: 300px;
}

.overflow-hidden{
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	display: inline-block;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.permission-children-editor{
	
	margin-top:25px;
	    border-left: 1px solid #eee;
}

.modal h1 {
    margin: 0px 0px 13px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    font-size: 21px;
}


.table-responsive table{
	width: 100%;
}
    
.table-responsive a.btn{
	color: #fff;
}
.table-responsive i, .table-responsive .glyphicon{
	cursor: pointer;
    color: #000;
    opacity: 0.5;
}

.table-responsive i:hover, .table-responsive .glyphicon:hover{
	opacity: 0.7;
}
.table-responsive tr{
	border-top: 1px solid #eceeef;
	line-height: 1.5;
    color: #292b2c;
}
.table-responsive thead th, .table-responsive thead td{
	font-family: 'Proxima Nova Lt';
	color: #777;
}
.label{
	font-family: 'Proxima Nova Lt';
	
}
/* .table-responsive tbody tr:hover{
	background: #fcfcfc !important;
} */
.table-responsive tr td:last-of-type{
	text-align: right;
}
.table-responsive td, .table-responsive th{
	padding: .5rem;
	vertical-align: text-bottom;
}
.table-responsive th{
	cursor: pointer;
}
.table-responsive thead{
    font-weight: 600;
	vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
}

.table-responsive thead > tr > th > .glyphicon {
    font-size: 10px;
    margin-right: 5px;
}

.table-responsive thead > tr > th > .glyphicon.glyphicon-sort {
    color: #eee;
}

.alert{
	margin-bottom: 5px;
}

#tasks-list table{
	border-spacing: 0px 5px;
	border-collapse: inherit;
}
#tasks-list thead, #tasks-list th, #tasks-list tr, #tasks-list td{
	border:none !important;
}
#tasks-list tbody tr{
	background-color:#fff;
}
#tasks-list tbody tr td{
	padding: 10px;
}
#tasks-list tbody tr td:first-of-type{
	border-radius: 3px 0px 0px 3px;
}
#tasks-list tbody tr td:last-of-type{
	border-radius: 0px 3px 3px 0px;
}
#tasks-list a.td{
	margin: -10px;
    padding: 10px;
}



#project-list table{
	border-spacing: 0px 6px;
	border-collapse: inherit;
}
#project-list thead, #project-list th, #project-list tr, #project-list td{
	border:none !important;
}
#project-list tbody tr{
	background-color:#fff;
}
#project-list tbody tr td{
	padding: 10px;
}
#project-list tbody tr td:first-of-type{
	border-radius: 3px 0px 0px 3px;
	border-left: 3px solid #ddd !important;
}
#project-list tbody tr.green td:first-of-type{
	border-radius: 3px 0px 0px 3px;
	border-left: 3px solid #57C785 !important;
}
#project-list tbody tr td:last-of-type{
	border-radius: 0px 3px 3px 0px;
}
#project-list a.td{
	margin: -10px;
    padding: 10px;
}
#project-list span.big{
	font-size: 18px;
	display: block;
}
#project-list span.small{
	font-size: 10px;
	display: block;
}



#project-list .categories span{
    font-size: 12px;
    background-color: #F5F5F5;
    border-radius: 3px;
    color: #858585;
    padding: 3px 9px;
    margin: 0 3px 3px 0;
    display: inline-block;
    line-height: 12px;
    white-space: nowrap;
}
#lead-list .categories span{
    font-size: 12px;
    background-color: #F5F5F5;
    border-radius: 3px;
    color: #858585;
    padding: 3px 9px;
    margin: 0 3px 3px 0;
    display: inline-block;
    line-height: 12px;
    white-space: nowrap;
}


#lead-list table{
	border-spacing: 0px 6px;
	border-collapse: inherit;
}
#lead-list thead, #lead-list th, #lead-list tr, #lead-list td{
	border:none !important;
}
#lead-list tbody tr{
	background-color:#fff;
}
#lead-list tbody tr td{
	padding: 10px;
}
#lead-list tbody tr td:first-of-type{
	border-radius: 3px 0px 0px 3px;
}
#lead-list tbody tr td:last-of-type{
	border-radius: 0px 3px 3px 0px;
}
#lead-list a.td{
	margin: -10px;
    padding: 10px;
}
#lead-list span.big{
	font-size: 18px;
	display: block;
}
#lead-list span.small{
	font-size: 10px;
	display: block;
}
#lead-list tbody tr.ls0 td:first-of-type{
	border-left: 3px solid #f0ad4e !important;
}
#lead-list tbody tr.ls1 td:first-of-type{
	border-left: 3px solid #5bc0de !important;
}
#lead-list tbody tr.ls2 td:first-of-type{
	border-left: 3px solid #e97cff !important;
}

#lead-list tbody tr.ls4 td:first-of-type{
	border-left: 3px solid #d9534f !important;
}
#lead-list tbody tr.ls5 td:first-of-type{
	border-left: 3px solid #5cb85c !important;
}
#lead-list tbody tr.ls6 td:first-of-type{
	border-left: 3px solid #ddd !important;
}


    /* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/*SS CUSTOM*/

.ui-sortable-placeholder {
    visibility: visible !important;
    background-color: #ccc !important;
    width: 100%;
    height: 70px;
}

.limit > span {
    height: 34px;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    line-height: 20px;
}

.span-limit {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 34px;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    line-height: 20px;
}

.span-limit > span.glyphicon {
    margin-left: 12px;
}

.limit select {
    border-radius: 4px !important;
    display: none !important;
}
.limit select.select-opened{
    display: block !important;
    position: absolute;
    left: 0;
    margin-top: 34px;
}

    /* NEW */

.limit .dropdown-menu .selected {
    background: #eee;
}

    /* filter style */

#headerbar .filter {
    border-bottom: #eee;
    border-top: 1px solid #eee;
    margin-bottom: 10px;
    padding-top: 10px;
}


.filter-list {
    display: flex;
    align-items: inherit;
    margin: 0;
}

.filter-list .filter-item {
    margin-right: 20px;
}
.filter-list .filter-item .filter-title {
    font-weight: bold;
}


.filter-list .filter-item:nth-of-type(1) .filter-input > div,
.filter-list .filter-item:nth-of-type(2) .filter-input > div,
.filter-list .filter-item:nth-of-type(3) .filter-input > div{
    width: 86px;
}

.filter-input-separate > div {
    position: relative;
}

.filter-input-separate .filter-input > div:first-of-type:after {
    content: "";
    display: block;
    height: 1px;
    width: 7px;
    background: #333;
    position: absolute;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    margin-top: -1px;
}

.filter-alone,
.filter-alone .form-group {
    min-width: 100px;
}

.filter-item-search,
.filter-item-search .form-group {
    width: 100%;
}

.filter-list .filter-item:nth-of-type(4) .filter-input > div input {
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.filter-list .filter-item .filter-input {
    display: flex;
    margin-top: 10px;
}

.filter-input-separate .filter-input > div:first-of-type{
    margin-right: 17px;
    position: relative;
}

.filter-list .filter-item .filter-input > div input,
.filter-list .filter-item .filter-input > div select {
    border: none;
    box-shadow: none;
    border-radius: 4px;
    padding: 0 5px;
    text-align: center;
    height: 34px;
}


.filter-list .filter-apply {
    display: flex;
    align-items: flex-end;
}

.filter-list .filter-item .help-block {
    margin: 0;
}


/* Invoise */

/*.wrap {*/
    /*padding: 60px 0;*/
    /*background: #f8f8f8;*/
/*}*/


.invoice {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 100px rgba(0,0,0,0.05);
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
}

.invoice-header h2 {
    font-family: "TimesNewRomanBold";
    margin-top: 0px;
	display:inline-block;
}
.invoice-header a{
	float:right;
}

.invoice .webpreview-header {
    position: relative;
    overflow: auto;
    text-align: right;
    vertical-align: middle;
    height: 90px;
    line-height: 90px;
}

.invoice .webpreview-header > .logo-main {
    display: block;
    float: right;
}

.invoice hr.line {
    margin-top: 0;
    border-top: 1px solid #eee;
}

.invoice .row {
    margin: 0;
}

.invoice .row > div {
    padding: 0;
}

.invoice .payment-method {
    padding: 0;
}

.invoice .payment-method > div {
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
}

.invoice .payment-method > div:nth-of-type(odd){
    max-width: 176px;
    margin-right: 20px;
}

.invoice .payment-method > div:nth-of-type(even){
    font-weight: bold;
}

.table > tbody > tr > td:first-child {
    max-width: 520px;
}

.invoice-items > .table-responsive {
    padding-bottom: 40px;
}

.invoice .table > thead > tr > th, .invoice .table > tbody > tr > th, .invoice .table > tfoot > tr > th,
.invoice .table > thead > tr > td, .invoice .table > tbody > tr > td, .invoice .table > tfoot > tr > td,
.invoice .table-responsive tr, .invoice .table-bordered{
    border: none;
}

.invoice .table-responsive thead {
    border-bottom: 1px solid #eee;
}

.invoice .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.invoice .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f8f8f8;
}

.invoice .table-striped > tbody > tr.cl {
    background-color: #fff;
}

.invoice .table.table-condensed {
    float: right;
    width: auto;
}

.invoice .table-date tr td {
    padding: 0;
    margin-bottom: 5px;
}

.invoice .table-date tr td:nth-of-type(odd){
    margin-right: 20px;
    text-align: left;
}

.invoice .table-date tr td:nth-of-type(even){
    font-weight: bold;
}

.invoice .block-date {
    padding: 0;
}

.invoice .block-date .table.table-condensed {
    margin-bottom: 0;
}

.invoice .block-date h4 {
    margin: 15px 0;
    font-size: 28px;
}

.invoice .table-responsive tr:hover {
    background: transparent !important;
}

.invoice .other-info {
    padding-top: 20px;
}

.invoice .other-info h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
}

.invoice .atached-files .table.table-condensed {
    width: 100%;
    margin: 0;
}

.invoice .atached-files .table.table-condensed tr {
    margin-bottom: 5px;
}

.invoice .atached-files .table.table-condensed td {
    padding: 0;
}

.invoice .atached-files .btn-primary {
    background: #fff;
    padding: 0;
    border: none;
    line-height: 1;
}

.invoice .atached-files .btn-primary:active {
    background: transparent;
}

.invoice .atached-files .btn-primary img {
    height: 14px;
    max-height: 14px;
}

.table-projects .team{
	display: block;
    font-size: 10px;
    color: #888;
}



.notifications-list{
	padding: 3px 10px;
    max-height: 500px;
    overflow: auto;
}
.notifications-badge{
	background-color: #449d44;
    margin-left: -14px;
    font-size: 10px;
    z-index: 999;
    position: absolute;
    cursor: pointer;
}
.notifications-list .item:first-of-type{
	border:none;
}
.notifications-list .item{
    border-top: 1px dashed #ccc;
    padding: 5px;
	display: inline-block;
	width: 400px;
}
.notifications-list .clear-all{
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 12px;
	color: #999;
}
.notifications-list .clear-all:hover{
	color: #777;
}
.navbar-collapse>.btn-group{
	margin-left:10px;
}

.notifications-list .item .text{
	width: 90%;
	float:left; 
	font-size: 13px;
}
.notifications-list .item .actions{
	width: 10%;
	text-align: right;
}
.notifications-list .item .fa-times-circle{
	color: #aaa;
	display:none;
}
.notifications-list .item:hover .fa-times-circle{
	display:inline-block;
}
.notifications-list .item .fa-times-circle:hover{
	color: #999;
}
.notifications-list a:hover{
	text-decoration:none;
}



.checklist{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
	display: inline-block;
    width: 100%;
}
.checklist .checklist-form, .checklist .edit-item, .checklist .del-item {
	display:none;
}
.checklist input[type="text"], .checklist textarea{
	width: 80%;
	margin-right:2%;
	float:left;
	overflow: hidden;
}
.checklist input[type="checkbox"]{
	margin-right: 9px;
    margin-top: 3px;
    float: left;
}

.checklist label a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block;
}
.checklist-item label{
	text-transform: none;
    font-weight: normal;
	margin-right: 2%;
	max-width: 80%;
}
.checklist-item label span{
	display: grid;
	overflow: hidden;
	height: 18px;
}
.checklist .show-form{
	font-size: 12px;
    cursor: pointer;
    color: #0c80d9;
    margin-left: 5px;
}
.checklist .add-item, .checklist .hide-form{
    cursor: pointer;
    color: #666;
    padding: 9px 6px;
}
.checklist .edit-item, .checklist .del-item, .checklist .spoiler{
	cursor: pointer;
    color: #666;
    padding: 2px 6px;
}
.checklist .add-item:hover, .checklist .hide-form:hover, .checklist .edit-item:hover, .checklist .del-item:hover, .checklist .spoiler:hover{
    color: #0c80d9;
}

.checklist .checklist-item{
	padding: 2px 5px;
}
.checklist .checklist-item label{
	margin:0px;
}
.checklist .checklist-item i{
	float:right;
}
.checklist .checklist-item:hover{
	background-color: #fbfbfb;
}
.checklist .checklist-item:hover .edit-item, .checklist .checklist-item:hover .del-item{
	display: inline-block;
}
.checklist .checklist-item .title{
	float: left;
    margin-right: 2%;
}



.table-calendar .label {
	font-size: 60%;
    margin: 2px;
    cursor: pointer;
    display: block;
}
.table-calendar td{
	padding: 8px 6px !important;
}




.project-access{
	display: inline-block;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 13px 0 10px;
    margin-top: 10px;
}
.project-access .nav{
	width: 30%;
	float:left;
    max-height: 300px;
    overflow: auto;
}
/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.project-access .tab-content{
	width: 70%;
	float:right;
}
.project-access .access-item{
	padding: 5px 15px;
	font-weight:bold;
}
.project-access .access-item span{
	margin-left: 5px;
	font-weight:normal;
	cursor:pointer;
}
.project-access .access-item i{
	color: #337ab7;
    font-size: 11px;
    margin-left: 5px;
}


.project-access .nav-pills > li.active > a, .project-access .nav-pills > li.active > a:hover, .project-access .nav-pills > li.active > a:focus{
	color: #666;
    background-color: #f7f7f7;
    border-right: 3px solid #96bedc;
    border-radius: 4px 0px 0px 4px;
}
.project-access .nav-pills > li > a {
	background-color: #fff;
    color: #8F9FA9;
}

.project-client-info{
	border-top: 1px solid #eee;
    padding: 10px;
}

.project-client-info table{
	width:100%;
}
.project-client-info span.small {
    font-size: 10px;
    display: block;
}
.project-client-info span.big {
    font-size: 18px;
    display: block;
}
.project-title{
	font-size:20px;
}
.project-link{
	font-size: 14px; 
	margin-left: 10px;
	float:right;
}

/*-------------------
		FORMS
------------------*/

.select2-dropdown{
	min-width:200px;
	border:none !important;
}
.ui-widget-header{
    background-color: #eee;
    color: #666;
    font-weight: normal;
    background-image: none;
    border: none;
}
.ui-datepicker{
	border:none !important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/*-------------------
	TASKS LISTS
------------------*/

#tasks-list i.fa-times{
	color: #7f7f7f;
	cursor: pointer;
}
#tasks-list i.fa-times:hover{
	color: #666;
}

/*-------------------
	TASKS FROMS
------------------*/

.task-form2 .task-header{
	display: inline-block;
    width: 100%;
	height: 24px;
}

.task-form2 .task-status{
	float:left;
}

.task-form2 .task-status i{
	color: #666;
	font-size: 23px;
	cursor:pointer;
	padding-top:2px;
}

.task-form2 .task-status .fa-check{
	color: #4fb77a;
}

.task-form2 .task-private{
	float: left;
    margin: 5px 0px 0px 17px;
	cursor: pointer;
	color: #7f7f7f;
}
.task-form2 .task-private:hover{
	color: #666;
}

.task-form2 .task-actions{
	float: right;
    margin-top: 2px;
}
.task-form2 .task-actions button, .task-form2 .task-actions i{
	padding: 0px;
	background-color: transparent;
    margin-left: 4px;
    padding: 0px 2px;
}
.task-form2 .task-actions i{
	cursor: pointer;
	color: #000;
	opacity: 0.5
}
.task-form2 .task-actions i:hover{
	opacity: 0.7;
}
.task-form2 .task-link:active, .task-form2 .task-actions i.active{
	color: #57C785;
	opacity: 1;
}

.task-form2 .task-actions .btn-group.open .dropdown-toggle, .task-form2 .task-actions .btn:active, .task-form2 .task-actions .btn.active,  .task-form2 .task-actions .btn:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
}

.task-form2 textarea#tasks-task_name, .task-form2 textarea#taskstemplates-template_name{
    font-size: 20px;
}
.task-form2 .hiden-border{
	padding: 1px 5px 2px;
	border: 1px solid transparent;
	border-radius: 3px;
	resize: none;
}
.task-form2 .hiden-border:hover, .task-form2 .hiden-border:focus{
	border: 1px solid #d5dce0;
}

.task-form2 .task-content{
	margin-left: 33px;
}


.task-form2 .task-repeat{
	padding: 10px 15px;
}



.task-details{
	margin-bottom:15px;
}

.task-form2 .task-details>div{
    max-width: 30%;
    padding: 0px 5px;
    display: inline-table;
    border-right: 1px solid #eee;
}
.task-form2 .task-details>div:last-of-type{
	border-right:none;
}
.task-form2 .task-details .select2-selection, .task-form2 .task-details input{
	border: none;
    padding: 0px;
	height: 21px;
	color: #9e9e9f;
	cursor:pointer;
}
.task-form2 #select2-tasks-task_responsible_user-container:hover, .task-form2 #select2-tasks-project_or_lead-container:hover, .task-details input:hover, .task-form2 .private:hover{
	color: #666;
}
.task-form2 .task-details .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    height: 17px;
    background-color: #fff;
}

.task-form2 .task-details .select2-container--krajee .select2-selection--single .select2-selection__clear {
    right: 20px;
    height: 15px;
    line-height: 12px;
	display:none;
}
.task-form2 .task-details .select2-container--krajee:hover .select2-selection--single .select2-selection__clear{
	display:block;
}
.task-form2 .task-details .form-group{
	margin-bottom: 0px;
}
.task-form2 .task-details .help-block{
	display:none;
}
.task-form2 #select2-tasks-task_responsible_user-container, .task-form2 #select2-tasks-project_or_lead-container, .task-form2 #select2-taskstemplates-template_responsible_user-container{
    color: #9e9e9f;
	padding-right: 20px !important;
}
.task-form2 .field-tasks-project_or_lead:hover #select2-tasks-project_or_lead-container, .task-form2 .field-taskstemplates-template_responsible_user:hover #select2-taskstemplates-template_responsible_user-container{
	padding-right: 35px !important;
}


.task-form2 .task-subtasks {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: inline-block;
    width: 100%;
}
.task-form2 .task-subtasks .subtasks-form{
    display: inline-block;
    width: 100%;
}
.task-form2 .task-subtasks .subtasks-form .left{
    float: left;
    width: 20px;
    text-align: center;
    font-size: 20px;
    color: #7f7f7f;
    font-weight: bold;
}
.task-form2 .task-subtasks .subtasks-form .right{
	float: right;
    width: 70px;
	padding-right: 5px;
}
.task-form2 .task-subtasks .subtasks-form .center{
	margin-left: 20px;
	margin-right: 71px;
}
.task-form2 .task-subtasks .subtasks-form .add-item{
	float: right;
    width: 44px;
    padding: 0px;
    color: #fff;
	display:none;
}
.task-form2 .task-subtasks .subtasks-form .cancel{
    float: right;
    padding: 4px 0px 4px 6px;
	color: #7f7f7f;
	display:none;
}
.task-form2 .task-subtasks .subtasks-form .cancel:hover{
	color: #666;
}
.task-form2 .task-subtasks .subtasks-items{
	padding: 8px 0px 0px;
}
.task-form2 .task-subtasks .subtasks-item {
    padding: 2px 5px;
}
.task-form2 .task-subtasks .subtasks-item label{
	max-width: 80%;
}
.task-form2 .task-subtasks .edit-item, .task-form2 .task-subtasks .del-item, .task-form2 .task-subtasks .spoiler {
    cursor: pointer;
	color: #7f7f7f;
    padding: 2px 0px 2px 7px;
}
.task-form2 .task-subtasks .edit-item:hover, .task-form2 .task-subtasks .del-item:hover, .task-form2 .task-subtasks .spoiler:hover {
    color: #666;
}
.task-form2 .task-subtasks .subtasks-item i {
    float: right;
}
.task-form2 .task-subtasks input[type="checkbox"] {
    margin-right: 9px;
    margin-top: 3px;
    float: left;
}
.task-form2 .task-subtasks .subtasks-item label span {
    display: block;
    height: 18px;
	font-family: "Proxima Nova Rg";
	font-weight: normal;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.task-form2 .task-subtasks .subtasks-form textarea{
    padding: 2px 5px 2px;
    border: 1px solid transparent;
    resize: none;
}
.task-form2 .task-subtasks .subtasks-form:focus-within .add-item, 
.task-form2 .task-subtasks .subtasks-form:focus-within .cancel, 
.task-form2 .task-subtasks .subtasks-form:hover .add-item, 
.task-form2 .task-subtasks .subtasks-form:hover .cancel{
	display:block;
}
.task-form2 .task-subtasks .edit-item, .task-form2 .task-subtasks .del-item {
	display:none;
}
.task-form2 .subtasks-item:hover .edit-item, .task-form2 .subtasks-item:hover .del-item{
	display: inline-block;
}
.task-form2 .subtasks-item:hover{
	background-color: #fbfbfb;
}


.task-form2 .task-team {
    border-bottom: 1px solid #eee;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.task-form2 .task-team .form-group{
	margin: 0px;
}
.task-form2 .task-team .help-block{
	display:none;
}
.task-form2 .task-team .select2-container--krajee .select2-selection {
    padding: 2px 5px 2px;
    border: 1px solid transparent;
}
.task-form2 .task-team .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
	padding: 0px;
	min-width: 250px;
}
.task-form2 .task-team .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder{
	color: #9e9e9f;
}

.task-form2 .has-success .select2-container--open .select2-selection, .task-form2 .has-success .select2-container--krajee.select2-container--focus .select2-selection{
	border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-color: transparent !important;
	border-color: transparent !important;
}

.task-form2 .task-team .center{
	margin-left: 21px;
}
.task-form2 .task-team .left{
	float: left;
    width: 20px;
    text-align: center;
    color: #7f7f7f;
    margin: 10px 0px;
}


.task-form2 .uploadlist{
    border-bottom: 1px solid #eee;
    display: block;
    padding-bottom: 8px;
    margin-top: -8px;
    margin-left: 30px;
}

.task-form2 .task-upload .icon{
	color: #7f7f7f;
}
.task-form2 .uploadlist .fa-file{
	font-size: 16px;
}

.task-form2 .task-upload .del-upload{
	color: #7f7f7f;
	cursor: pointer;
}
.task-form2 .task-upload .del-upload:hover{
	color: #666;
}



.task-form2 .task-log{
	width: 100%;
    display: inline-block;
    padding: 3px 3px 3px 38px;
}
.task-form2 .task-coment {
    width: 100%;
    display: inline-block;
	padding: 6px 3px;
}
.task-form2 .task-coment .avatar{
    float: left;
    width: 30px;
    margin-right: 5px;
    margin-top: 3px;
}
.task-form2 .task-coment .text{
    margin-left: 35px;
    margin-right: 55px;
	float: inherit;
}
.task-form2 .task-coment .actions{
	float: right;
    width: 50px;
}
.task-form2 .task-coment .del-comment, .task-form2 .task-coment .edit-comment {
    color: #666;
    padding: 10px 5px;
}

.task-form2 #file, .task-form2 .field-tasks-uploadfiles {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.task-form2 .file-field {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    color: #777;
    border: 1px dashed #d5dce0;
    border-radius: 3px;
	cursor:pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task-form2 .dragging {
	background-color: #dff1ff;
}
.task-form2 #file:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.task-form2 #file:focus + label,
.task-form2 .file-field:hover {
    color: #666;
	background-color:#fbfbfb;
}
.task-form2 #comments-form textarea{
	resize: none;
}



.task-form2 #comments-form .avatar {
    float: left;
    width: 30px;
    margin-right: 5px;
    margin-top: 3px;
}
.task-form2 #comments-form .avatar .thumbnail {
    margin-bottom: 0px;
    border-radius: 50%;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.task-form2 #comments-form .form-group{
	margin-left: 35px;
}
.task-form2 #comments-form .row{
	margin-left: 20px;
} 
.task-form2 #comments-form{
	border-top: 1px dashed #eee;
    padding-top: 15px;
}

.task-form2 .upload-warnings-list span{
	display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 12px;
    color: #c73434;
    margin-top: 5px;
}

#create-task-form .close{
	font-size: 15px;
	padding: 2px 1px 0px 5px;
}

#create-task-form .task-private{
	margin: 5px 0px 0px 5px;
}
#create-task-form .task-content{
	margin-left:0px;
}
#create-task-form .col-md-5{
	text-align: right;
}




#report-designer-items .sortable{
    display: table;
    width: 100%;
    border-spacing: 0px 5px;
}
#report-designer-items .list-item{
	background-color: #fff;
    display: table-row;  
}
#report-designer-items .list-item>div{
	display: table-cell;
    padding: 7px;
}
#report-designer-items .list-item>div:last-of-type{
	text-align: right;
}
#report-designer-items .list-item>div i{
	color: #7f7f7f;
    cursor: pointer;
	padding: 2px 5px;
}
#report-designer-items .list-item>div i:hover{
	color: #666;
}

#report-designer-items .done,  #report-designer-items .be-done, #report-designer-items .list-item>div .done i, #report-designer-items .list-item>div .be-done i{
	color: #b1b1b1;
	cursor: pointer;
}
#report-designer-items .done.active,  #report-designer-items .be-done.active, #report-designer-items .list-item>div .done.active i, #report-designer-items .list-item>div .be-done.active i{
	color: #57C785;
}

.done-description, .be-done-description{
	min-height:400px;
}




#xml-list .sortable{
    display: table;
    width: 100%;
    border-spacing: 0px 5px;
}
#xml-list .list-item{
	background-color: #fff;
    display: table-row;  
}
#xml-list .list-item>div, #xml-list .list-item>a{
	display: table-cell;
    padding: 9px;
    border-radius: 3px;
	text-decoration:none;
	color: #666;
}
#xml-list .list-item>div:last-of-type{
	text-align: right;
}
#xml-list .list-item>div i{
	color: #7f7f7f;
    cursor: pointer;
	padding: 2px 5px;
}
#xml-list .list-item>div i:hover{
	color: #666;
}

#time-traker-form h1{
	margin: 0px;
    display: inline-block;
    border: none;
	margin-right:10px;
}
#time-traker-form h1 i{
	color: #ababab;
}
#time-traker-form .form-group{
	margin: 0px;
    display: inline-block;
}
#time-traker-form .table{
	margin-bottom: 10px;
}

#time-traker-form .clear-int{
	width: 40px;
    display: inline-block;
    margin: 0px 3px;
}

#time-traker-form .total{
	display: inline-block;
    margin-left: 20px;
    font-weight: 600;
}



#time-traker-table .hiden-row{
    background-color: #d0fdd9;
    display:none;
}
#time-traker-table .main-row{
    cursor:pointer;
}
#time-traker-table .main-row:hover{
    background: #fcfcfc !important;
}



#observer-list thead, #observer-list th, #observer-list tr, #observer-list tr td {
    border: none !important;
}

#observer-list tbody tr, #observer-list tbody tr.active td {
    background-color: #fff;
}
#observer-list tbody tr.results{
    cursor:pointer;
}
#observer-list tbody tr.results td:first-of-type {
    border-radius: 3px 0px 0px 3px;
    border-left: 3px solid #ddd !important;
}
#observer-list tbody tr.results.green td:first-of-type {
    border-left: 3px solid #57C785 !important;
}
#observer-list tbody tr.results td:last-of-type {
    border-radius: 0px 3px 3px 0px;
}
#observer-list>table {
    border-spacing: 0px 3px;
    border-collapse: inherit;
}
#observer-list .links input{
    border: none;
    width: 100%;
}
#observer-list .links tr{
    text-align: left;
    border-bottom: 1px solid #eee !important;
}




#search-volume-traker-sort-list thead, #search-volume-traker-sort-list th, #search-volume-traker-sort-list tr, #search-volume-traker-sort-list tr td {
    border: none !important;
}

#search-volume-traker-sort-list tbody tr, #search-volume-traker-sort-list tbody tr.active td {
    background-color: #fff;
}
#search-volume-traker-sort-list tbody tr{
    cursor:pointer;
}
#search-volume-traker-sort-list tbody tr td:first-of-type {
    border-radius: 3px 0px 0px 3px;
}
#search-volume-traker-sort-list tbody tr td:last-of-type {
    border-radius: 0px 3px 3px 0px;
}
#search-volume-traker-sort-list>table {
    border-spacing: 0px 5px;
    border-collapse: inherit;
}
#search-volume-traker-sort-list .links input{
    border: none;
    width: 100%;
}
#search-volume-traker-sort-list .links tr{
    text-align: left;
    border-bottom: 1px solid #eee !important;
}

#search-volume-traker-form #searchvolumetrakerusertasks-loc_id, #search-volume-traker-form #searchvolumetrakerusertasks-language_code, #search-volume-traker-form textarea{
    height: 600px;
    overflow: auto;
}

.task-form2 .task-time {
    border-bottom: 1px solid #eee;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.task-form2 .form-group.task-team {
    margin-bottom: 0px;
}
.task-form2 .task-time .help-block{
    display:none;
}

.task-form2 .task-time .left {
    float: left;
    width: 20px;
    text-align: center;
    color: #7f7f7f;
    margin: 10px 0px;
}

.task-form2 .task-time .center {
    margin-left: 21px;
}
.task-form2 .task-time .center > div{
    width: 63px;
    display: inline-block;
    margin: 0px 5px;
}
.task-form2 .task-time .center > div input{
    border:none;
}

.task-form2 .task-time .center > div:first-of-type input{
    text-align: right;
}


.table-time-distribution td{
    height: 157px;
    width: 10%;

}
.table-time-distribution td .day{
    font-weight: 600;
    float:left;
}


.table-time-distribution td .loading {
    border: 1px solid #ddd;
    margin-left: 26px;
    height: 11px;
    margin-top: 4px;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-right: 5px;
}
.table-time-distribution td .loading .line {
    background-color: #aaf1a5;
    background-color: #ea7373;
    height: 100%;
}






.full-width-header{
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}


.table-tasks td {
    padding: 8px 15px !important;
}

.table-tasks td{
    height: 157px;
    width: 10%;

}
.table-tasks td .day{
    font-weight: 600;
    float:left;
}

.table-tasks td ul.tasks-items-list{
    padding-left: 0px;
}
.table-tasks td a{
    color: #fff;
    display: block;
}

.table-tasks td .task {
    background-color: #aaa;
    border-radius: 8px;
    padding: 3px 6px;
    display: inline-block;
    color: #fff;
    width: 100%;
    margin-bottom: 5px;
}
.table-tasks td .task.active {
    background-color: #2a89de;
}
.table-tasks td .task.ghost {
    background-color: #5ba0de;
}

.table-tasks td .placeHolder {
    border-radius: 5px;
    border: 2px dashed #d2d2d2;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    width: 100%;
}


.table-tasks td .task .name {
    float: left;
    font-size: 11px;
    color: #e6e7e8;
}
.table-tasks td .task.active .name {
    color: #d3e1ef;
}


.table-tasks td .task .time {
    float: right;
    font-size: 12px;
}
.table-tasks td .task .title {
    display: inline-block;
    font-size: 13px;
    width: 100%;
}
.table-tasks td .task .line {
    float: left;
}

.table-tasks td .task i{
    font-size: 10px;
}


.table-tasks td .loading {
    border: 1px solid #ddd;
    margin-left: 5px;
    height: 6px;
    margin-top: 4px;
    margin-bottom: 5px;
    border-radius: 3px;
    margin-right: 5px;
}
.table-tasks td .loading .line {
    height: 100%;
}















.table-time-distribution td .task {
    background-color: #5ba0de;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    width: 100%;
}
.table-time-distribution td .task .name {
    float: left;
}


.table-time-distribution td .task .line {
    float: left;
}



.table-time-distribution td .task .time {
    float: right;
}
.table-time-distribution td .task i{
    font-size: 10px;
}



.td-time input{
    display: inline-block;
    width: 46px;
}
.td-time span{
    display: inline-block;
}



.task-plan{
    margin-top: 10px;
}
.task-plan .table{
    margin-bottom: 10px;
}
.task-plan label{
    font-weight: normal;
    font-family: inherit;
    color: #7f7f7f;
}
.task-plan label i{
    margin: 0px 9px 0px 2px;
}




#note-form .close {
    font-size: 15px;
    padding: 2px 1px 0px 5px;
}
#note-form .close {
    font-size: 15px;
    padding: 2px 1px 0px 5px;
}
#note-form textarea#notes-note_title{
    font-size: 20px;
}
#note-form textarea.hiden-border{
    padding: 1px 5px 2px;
    border: 1px solid transparent;
    border-radius: 3px;
    resize: none;
}
#note-form textarea.hiden-border:hover, #note-form textarea.hiden-border:focus {
    border: 1px solid #d5dce0;
}



.slide{
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
.slide-header .form-group, .slide-header .help-block {
    margin-bottom: 0px;
}
.slide-header input{
    display: block;
    width: 15px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.slide-header label{
    display: block;
    margin-left: 20px;
    padding: 13px 0px 13px 0px;
    cursor: pointer;
    margin-bottom: 0px;
}
.slide-content{
    border-top: 1px solid #eee;
    padding-top: 13px;
    margin-top: 3px;
    display: none;
    padding: 13px 13px 7px 13px;
}


.tt-wrap{
    max-width: 900px;
    margin: 0 auto;
}



.tt-wrap h1 {
    font-size: 23px;
    font-weight: 600;
}
.tt-wrap .loader{
    width: 22px;
    margin-left: 10px;
    margin-top: -6px;
    display:none;
}
.tt-list .del-row{
    padding: 4px 8px; 
    display: inline-block; 
    color: #333;
}

.tt-datepicker{
    float: left;
    width: 300px;
}
.tt-list{
    margin-left: 300px;
}
.tt-list table{
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}
.tt-list .add-row {
    border-radius: 5px;
    overflow: hidden;
    float: right;
    padding: 15px;
    color: #5a923d;
    font-weight: 600;
  
}
.tt-list .add-row:hover {
    text-decoration:none;
}
.tt-list .total {
    margin-top: 12px;
    margin-left: 20px;
    font-weight: 600;
    float: left;
    color: #5a923d;
}
.tt-wrap .clear-int {
    display: inline-block;
    padding: 0px;
    text-align: center;
}
.tt-list thead{
    border-bottom: 1px solid #efefef;
}

.tt-list thead tr {
    background-color: #fff;
}
.tt-list thead td{
    padding: 7px 20px;
    font-weight: 600;
}
.tt-list td {
    padding: 4px 6px;
}
.tt-list tr {
    background: #fafafa;
}
.tt-list tr:nth-child(2n) {
    background: #fff;
}
.tt-list .select2-selection{
    background-color: transparent !important;
    border: none !important;  
}
.tt-list .form-control{
    background-color: transparent !important;
    border: none !important;
}