body{
	font-family: 'Open Sans',"Helvetica neue",Helvetica,Arial, sans-serif;
	color:#495054;
	-webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: none;
	overflow-x:hidden;
	font-size: 14px;
}
body.bggrey{
	background:#F7F9FB;
}
/*body.bggrey::before {
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    z-index: -1;
	background-image:url("https://lightning.taskblitz.com/app/assets/img/Blur-4.png");
}*/
body.bgblack{
	background:#fff;
}
body.bgblack .container-fluid {
	height: 100%;
}
body.bgblack .container-fluid::before {
    background: #0075af;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 50%;
}
::selection  {
	background-color: #CCE2FF;
	color: #444;
}
*::-moz-selection {
    background: #CCE2FF;
    color: #444;
}
h1,h2,h3,h4,h5,h6 {
	color:#555459;
    font-weight: 600;
    line-height: 1.1;
	letter-spacing: -1px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #BBC5BA;
}
a {
	color:#7c919f;
	text-decoration:none;
	outline: medium none;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color:#555459;
}
a:link, a:visited, a:focus, a:active {
    outline: medium none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	outline: medium none;
	color: #098bd5;
	transition: text-decoration 0.2s ease 0s, color 0.2s ease 0s;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
img {
	border:0;
}
.img-responsive {
    margin: 0 auto;
}
small {
	font-size:11px;
}
table th {
	border: 0 none
}
label {
	display:inline;
}
.light {
	font-weight:300;
}
.normal {
	font-weight:400;
}
.nopadding {
	padding:0 !important;
}
hr {
	border-color:#e9edf0;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
input, select, textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="password"], .ui-autocomplete-input,  .uneditable-input   {
	border:1px solid #e9edf0;
	border-radius: 3px;
	box-shadow:none;
    border-style: solid;
    border-width: 1px;
	font-size:13px;
	padding: 6px 12px;
}
input:focus, select:focus, textarea:focus {
    border: 2px solid #3094D4;
    color: #2D3033;
    box-shadow: none;
}
.form-control, .tokenfield {
	border: 1px solid #e1e8ed;
	box-shadow:none;
	color: #555555;
	border-radius: 3px;
}
.form-control:focus, .tokenfield.focus {
    border: 2px solid #3094D4;
	color: #2D3033;
	box-shadow:none;
}
button {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    padding: 4px 10px;
    text-align: center;
	border:0px none;
	color:#444;
	border-radius: 3px;
	position: relative;
 	overflow: hidden;
}
.btn {
	border-radius: 3px;
	letter-spacing: 0px !important;
	position: relative;
 	overflow: hidden;
}
.btn:hover {
	transition: border 0.4s ease 0s, color 0.4s ease 0s, background 0.4s ease 0s;
}
button:hover {
	background:#0D8AD4;
	color:#fff;
}
.btn:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #E9EDF0;
  border-radius: 100%;
  opacity: .6;

  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.btn:not(:active):after {
  animation: ripple 1s ease-out;
}
.btn:after {
  visibility: hidden;
}
.btn:focus:after {
  visibility: visible;
}

.btn-primary {
	background: none repeat scroll 0 center #0075af;
    border: 1px solid #3094D4;
    color: #FFFFFF !important;
    text-shadow: none;
}
.btn-primary:hover{
	color:#fff;
	background: #0D8AD4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);	
	border: 1px solid #0D8AD4;
}
.btn-line {
	background:#fff;
    border: 1px solid #3094D4;
    color: #0075af ;
    text-shadow: none;
}
.btn-line:hover{
	color:#fff;
	background: #3094D4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);	
	border: 1px solid #3094D4;
}
.btn-default {
    background-color: #fff;
    border-color: #e9edf0;
    color: #7c919f;
}
.btn-default:hover {
	background-color: #fff;
	color: #fff;
	border: 1px solid #3094D4 !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    color: #3094D4;
    text-decoration: none;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .open > .dropdown-toggle.btn-default {
    background-color: #e9edf0;
    border-color: #ccc;
    color: #0075af;
	box-shadow:none;
}
.btn-toolbar {
    background: #f7f9fb;
    padding: 5px;
	border-radius:3px;
}
.nav-pills {
	border:1px solid #3094D4;
	border-radius: 5px;
}
.nav-pills > li > a {
	border-radius: 0px;
	padding: 5px 15px;
	font-size:13px;
	font-weight: 600;
}
.nav-pills > li > a:hover {
	background:#F7F9FB;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #3094D4;
    color: #fff;
}
.navbar-toggle {
    float: left;
    margin-top: 5px;
    padding: 5px 10px;
	border:1px solid #fff;
	color:#3094D4;
	font-size:16px;
	padding:0 5px;
}
.nav-pills > li.active > a h4{
	color: #fff;
	font-weight:bold;
}
.modal-sm {
    width: 350px;
}
.ui-button, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #444444;
	background: #fff;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
	text-shadow:none;
	box-shadow:none;
	border-radius: 3px;
}
.ui-button, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
	background:#EBEBEB;
	border-color: #ccc;
	color: #444444;
}
.ui-button-primary, .ui-dialog-buttonset .ui-button:not(:first-child) {
    background: none repeat scroll 0 center #0075af;
    background-repeat: repeat-x;
    border-color: #3094D4;
	color:#fff;
	text-shadow:none;
	box-shadow:none;
	border-radius: 3px;
}
.ui-dialog-buttonset .ui-button:not(:first-child):hover {
	background:#0C8AD4;
	border-color: #3094D4;
	color:#fff;
}
.ui-front {
    z-index: 2000;
}
.ui-widget-header {
    background-color: #3094D4;
}
.ui-dialog .ui-dialog-title {
    color: #fff;
}
.ui-sortable-helper {
    display: table;
}
.ui-pnotify.custom .ui-pnotify-container {
	background-color: #404040 !important;
	background-image: none !important;
	border: none !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color:#E9EDF0;
	cursor:pointer;
}
.ui-pnotify.custom .ui-pnotify-title, .ui-pnotify.custom .ui-pnotify-text {
	text-shadow: 2px 2px 3px black !important;
	font-size: 11pt !important;
	color: #FFF !important;
	padding-left: 50px !important;
	line-height: 1 !important;
	text-rendering: geometricPrecision !important;
}
.ui-pnotify.custom .ui-pnotify-title {
	font-weight: bold;
}
.ui-pnotify.custom .ui-pnotify-icon {
	float: left;
}
.ui-pnotify.custom .picon {
	margin: 3px;
	width: 33px;
	height: 33px;
}
.tab-content {
    overflow: hidden!important;
}
.glyphicon-remove:hover,.glyphicon-trash:hover {
	color:#e2846e;
}

.row.container-height {
	overflow: hidden; 
	margin-right: 0;
}
.row.container-height > [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.form-horizontal .control-group {
    margin-bottom: 10px;
}
.form-actions {
	border:1px none!important;
}
.input-group-addon  {
	border: 1px solid #e1e8ed;
	background-color: #e1e8ed;
}
.has-feedback .form-control {
    padding-right: 20px;
}
.page-header {
	padding:0;
	border-bottom:1px solid #e9edf0;
	margin: 20px 0;
}
.page-header h1, .page-header h2 {
	margin-bottom:7px;
}
.page-header h3, .page-header h4, .page-header h5{
	margin-bottom:6px;
}
.top-header {
	margin-top:10px;
}
.top-header .btn-link{
	padding: 0px 2px !important;
}
.top-header h2 {
}
.top-header h2, .top-header h3 {
	margin-top:10px;
}
.editable {
	padding:1px 2px;
}
.editable:hover {
	background:#ffc;
	color:#444 !important;
}
.tooltip {
	font-size:14px;
	position: fixed;
}
.tooltip-inner { 
	background-color: #2C3338;
    border-radius: 3px;
	padding: 5px 10px;
	font-weight:normal;
	max-width: 350px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #2C3338;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #2C3338;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #2C3338;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #2C3338;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #2C3338;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2C3338;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #2C3338;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #2C3338;
}
.popover {
	border:1px solid #E9EDF0;
	border-radius: 3px;
}
.popover.bottom > .arrow {
    border-bottom-color: #7c919f;
}


.modal-backdrop.in {
    opacity: 0.7;
}



.dropable {
	border:5px dashed #3094D4;
	background:#F7F9FB;
	opacity:0.6;
	color:#3094D4;
	z-index:1001;
	text-align:center;
	vertical-align:middle;
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.dropable h1{
	color:#3094D4;
	margin:30% 0 0;
}

.dropdown-menu {
    background-color: #fff;
    border-radius: 3px;
	border:1px solid #dfe8f1;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    max-width: 300px;
    min-width: 190px;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1500;
	height: auto ;
    overflow: visible ;
}
.dropdown-header {
	padding: 3px 14px;
	font-weight: 600;
	color:#0075C6;
}

.well {
	box-shadow:none;
	background:#F7F9FB;
	border:1px none;
}
.alert {
    border: 1px none;
    border-radius: 3px;
}
.grey {
	color:#999999;
}
.bg-grey {
	background-color:#f7f9fb!important;
}
.white {
	color:#fff;
}
.bluegrey {
	color:#7c919f;
}
.red {
	color:#E2846E!important;
}
.bg-red {
	background-color:#E2846E!important;
}
.green {
	color:#A8C300!important;
}
.bg-green {
	background-color:#A8C300!important;
}
.yellow {
	color:#ffc300 !important;
}
.bg-yellow {
	background-color:#ffc300 !important;
}
.blue {
	color:#3094D4!important;
}
.bg-blue {
	background-color:#3094D4;
}
.modal-dialog {
    z-index: 1050;
}

.bgicon {
	border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
	opacity:0.9;
}
.bluebox {
    color: #F7F9FB;
}
.bluebox blockquote {
	border-left:3px solid #f7f9fb;
	font-size: 24.5px;
	line-height: 1.2;
	margin:50% 0;
}
.bluebox blockquote footer, .bluebox blockquote small {
	color:#78A3C9;
}
.loginbox {
	background-color:#fff;
	margin-top:50px;
	padding:20px 30px 20px;
	color:#2C3338;
	font-size:16px;
	max-width:500px;
}

.loginbox input[type="text"],.loginbox  input[type="email"], .loginbox input[type="password"] {
	font-size:18px;
	padding: 10px 12px;
	height:auto;
	background:#f7f9fb;
	display:block;
}
.loginbox .btn-primary {
	margin:10px 0;
}
.loginbox label{
	font-weight:400;
	margin:7px 0;
	display:block;
}
.loginbox h3{
	font-weight:700;
	color:#4D4D4D;
	font-size:40px;
	margin:20px 0 30px;
}

input.tb {
    left: -1000000px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
}
input.tb + .lbl {
    display: inline-block;
    padding-left: 1px;
    position: relative;
}
input.tb + .lbl:before {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: block;
    height: 15px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    width: 15px;
}
input.tb + .lbl:after {
    display: none;
    position: absolute;
}
 input.tb:checked + .lbl:after {
    display: block;
}
input.tb:focus +  .lbl:before,  input.tb +.lbl:hover:before{
	border: 1px solid #0075af;
}
input.tb + .lbl:after, .gt-ie8 input.tb + .lbl:before {
    margin: 2px 3px -3px -20px !important;
}
input.tb[type="checkbox"] + .lbl:before {
    border-radius: 2px;
}
input.tb[type="checkbox"] + .lbl:after {
    content: "";
    font-family: FontAwesome;
    font-size: 11px;
    height: 15px;
    left: 1px;
    line-height: 15px;
    text-align: center;
    top: 1px;
    width: 13px;
	color: #bbbbbb;
}
input.tb[type="radio"] + .lbl:before {
    border-radius: 999999px;
}
input.tb[type="radio"] + .lbl:after {
    border-radius: 999px;
    content: "";
    height: 5px;
    left: 5px;
    top: 5px;
    width: 5px;
}
input.tb.disabled,  input.tb.disabled + .lbl,  input.tb.disabled + .lbl:after, input.tb.disabled + .lbl:before, input.tb:disabled,  input.tb:disabled + .lbl, input.tb:disabled + .lbl:after,  input.tb:disabled + .lbl:before {
    cursor: not-allowed !important;
}
input.tb.disabled + .lbl:before,  input.tb:disabled + .lbl:before {
    background: none repeat scroll 0 0 #eee !important;
    border-color: #d6d6d6 !important;
}
input.tb.disabled + .lbl:after,  input.tb:disabled + .lbl:after {
    opacity: 0.5 !important;
}
@media (min-width: 768px) {
.form-inline .checkbox input.tb + .lbl, .form-inline .radio input.tb + .lbl {
    margin-left: 20px;
}
}
.tb-single {
    font-weight: 400 !important;
    height: 15px;
    margin: 0;
    position: relative;
    width: 15px;
}
.tb-single input.tb, .tb-single input.tb + .lbl:after, .tb-single input.tb + .lbl:before {
    margin: 0 !important;
}
.tb-single input.tb + .lbl {
    height: 15px !important;
    padding: 0 !important;
    width: 15px !important;
}


#wrapper {
	clear: both;
    float: left;
    overflow: auto;
    width: 100%;
	height: 100%;
	padding:40px 0 0 0px;
}
.container-fluid {
	padding:0;
}

.badge {
	background:transparent;
	color: #7c919f;
	font-size:12px;
}
.badge-inverse {
	background-color:transparent!important;
}




.progress-bar {
    background-color: #3094D4;
}
.progress-project {
	background-color:#e9edf0;
	background-image:none;
	height:20px;
	border-radius: 4px;
}
.progress-project .progress-bar {
	background-color:#A8C300;
	background-image:none;
	height:20px;
	box-shadow:none;
}
.progress-project-sm {
	height:5px;
}
.progress-project-xs {
	height:2px;
}

.panel-group .panel, .panel {
    overflow:visible;
}
.panel-default {
    border-color: #e9edf0;
    box-shadow: none;
    margin-bottom: 22px;
    position: relative;
	border-radius: 3px;
	background:transparent;
}
.panel-pricing {
	border: 1px solid #e9edf0;
    border-radius: 3px;
    position: relative;
	margin-top:10px;
	padding:0px;
}
.panel-pricing:hover {
	background: #f7f9fb;
    border: 1px solid #7c919f;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.panel-pricing .panel-heading {
    border-bottom: 1px solid #e9edf0;
	background:#7c919f;
    padding: 5px 15px;
	
}
.panel-pricing .panel-heading h4{
	color:#f7f9fb;
}
.panel-pricing > .list-group .list-group-item {
	border-color: #e9edf0;
    border-width: 1px 0;
	background:transparent;
}
.panel-pricing .panel-footer {
	background:  #f7f9fb;
}
.panel-pricing-highlight {
	background:  #EDFAE7;
    border: 1px solid #a8c300 ;
}
.panel-pricing-highlight .panel-heading  {
	background:#a8c300 ;
}
.panel-pricing-active > .list-group .list-group-item {
	border-color: #e9edf0;
}
.panel-pricing-active {
	background:  #f7f9fb;
    border: 1px solid #3094D4;
}
.panel-pricing-active .panel-heading  {
	background:#3094D4;
}
.panel-pricing-active:hover {
	border: 1px solid #7c919f;
	background:#e9edf0;
}
.panel-pricing-inactive {
	opacity:0.6;
}
.panel-pricing-inactive:hover {
	 border: 1px solid #7c919f;
	 opacity:0.5;
}
.panel-pricing-active .panel-footer {
	background:transparent;
}
.panel-heading .nav-tabs {
    border-bottom-color: transparent;
    bottom: -2px;
    position: absolute;
    right: 9px;
}
.nav-tabs.nav-tabs-simple {
	border-bottom: 1px solid #E9EDF0;
}
.nav-tabs.nav-tabs-sm > li > a {
    padding: 6px 15px;
}
.nav-tabs.nav-tabs-xs > li > a {
    padding: 4px 10px;
}
.nav-tabs.nav-tabs-lg > li > a {
	font-size:16px;
	font-weight:500;
}
.nav-tabs.nav-tabs-simple  > li > a {
	border-top: 1px none ;
    border-left: 1px none ;
    border-right: 1px none ;
	border-bottom: 1px none;
	padding:10px;
	color:#7C919F;
}
.nav-tabs.nav-tabs-simple  > li > a:hover {
    color: #0075a;
    border-top: 1px none ;
    border-left: 1px none ;
    border-right: 1px none ;
	border-bottom: 1px none;
}
.nav-tabs.nav-tabs-simple > li.active > a, .nav-tabs.nav-tabs-simple > li.active > a:hover, .nav-tabs.nav-tabs-simple > li.active > a:focus {
    border: 1px none ;
    border-bottom: 1px solid #0075AF;
    border-top: 0px none !important;
    color: #0075AF;
    cursor: default;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #E9EDF0;
}
.nav-tabs .btn-group {
	margin:6px 0 0 5px;
}
.panel-body {
    background:transparent;
    margin: 0;
    padding: 10px;
	color: #555;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #0075AF;
}
.modal-header {
    padding: 10px;
	text-align: center;
}
.bootstrap-dialog .bootstrap-dialog-title {
    font-size: 14px;
    font-weight: 600;
}
.modal-footer {
	padding:10px;
}

.table-bordered {
    border: 1px solid #e9edf0;
}
.mytable {
}
.mytable thead {
	color:##414143;
}
.mytable thead th{
	font-size:14px;
	font-weight: 600;
	border-bottom:1px solid #FD999A!important;
}
.mytable tbody tr, .table tbody tr{
    margin: 0 0;
	font-size:13px;
}
.mytable tbody tr:first-child {
	border-top: 1px solid #e1e6e8;
}
.mytable tbody tr:hover, .table tbody tr:hover {
	background-color: #F7F9FB;
}
.table > thead > tr > th {
    border-bottom: 1px solid #e9edf0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #e9edf0;
}
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f7f9fb;
}
.mytable tbody tr.active, .table tbody tr.active {
    background: #f7f9fb;
    border: 2px solid #e1f2fe !important;
    border-radius: 3px;
}
.ui-dialog .ui-dialog-content {
	overflow:hidden!important;
}
.ui-dialog {
	padding:0!important;
}
.ui-widget-overlay {
	opacity: 0.8!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-top:1px solid #FD999A!important;
    color: #555555;
    cursor: default;
	border-radius: 0px;
	background:transparent;
}
.nav-tabs > li > a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px 0px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
	padding: 10px 15px;
}
.nav-tabs > li > a > i{	
	padding:0 5px 0 0;
}
.nav-tabs > li > a:hover {
	color:#3094D4;
	background:#F7F9FB;
}

/*.dropdown:hover .dropdown-menu {
	display: block;
}*/
#bottomnavi > .nav > .dropdown > .dropup {
    position:static; /*fix strange bug with profile dropup */
}
#sidemainnavi {
	width:0px;
	height:100%;
	top:0px;
	left:0;
	position:fixed;
    float: left;
    margin: 0px 0 0;
    overflow: visible;
    padding: 0;
	z-index:1000;
	/*border-right:1px solid #e9edf0;
	background:linear-gradient(to left, #F7F9FB, #fff);
	background:#fff;*/
}

#header {
	top:0px;
	left:0px;
	position:fixed;
    width: 100%;
	height:40px;	
	background: #fff;
	/*border-bottom:1px solid #e9edf0;*/
	z-index:1000;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
#header a.showoffcanvas{
	display:none;
}

.navbar {
	min-height:40px;
}
#status {
	font-size:11px;
	padding:0px 5px;
}
#logo {
	padding: 9px 10px 9px 10px;
	overflow: hidden;
    text-overflow: ellipsis;	
}
#pic_sidelogo {
	opacity:0.8;
	margin-top: -4px;
	background: #F7F9FB;
	border:1px solid #E9EDF0;
	border-radius:4px;
	padding:3px;
}
#pic_sidelogo:hover {
	opacity:1;
}
.headerorga {
	font-size:16px;
	border: 1px solid #e9edf0;
    border-radius: 4px;
    color: #607d8b;
	background:#f7f9fb ;
	padding:1px 4px;
	margin:6px 5px;
}
.headerorga i{
	font-size:14px;
	color:#7c919f;
}
.headerorga i:hover{
	color:#0075C6;
}
#notifications {
	font-size:18px;
	text-align:center;
	margin-top: 0px ;
	margin: 6px 5px;
}
#notifications a{
	color:#a5acb6;
}
#notifications a:hover{
	color:#3094D4;
	text-decoration:none;
}
.countnotifications {
	background:#e2846e;
	color:#fff;
	border-radius: 3px;
	font-size: 11px;
    font-weight: bold;
    line-height: 12px;
	padding:2px;
	vertical-align:top;
	margin-left:-7px;
}
#tb_timer {	
	padding:0px 2px 4px;
	margin-top:9px;
}
#tb_timer span{
	font-size:11px;
}
#tb_timer a.btn-primary{
	background:#f7f9fb ;
	color:#607d8b !important;
	border: 1px solid #e9edf0;
}
#tb_timer a.btn-primary:hover{
	background:#E9EDF0;
	color:#0075af !important;
	box-shadow:none;
}
#notificationdropout {
	width:450px!important;
	max-width:450px!important;
	border:1px solid #78A3C9;
	padding:0px 0;
	background:#fff;
}
#subnaviprojects, #subnavireports {
	width:350px!important;
	padding:5px 0;
	overflow:hidden;
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.25);
}
#subnaviprojects li a i, #subnavireports li a i{
}
#subnaviprojects li a:hover i, #subnavireports li a:hover i{
	color:#fff !important;
}
#subnaviprojects .dropdown-header, #subnavireports .dropdown-header {
	padding-left:15px;
	background: #8fb6d8;
    color: #f7f9fb;
}
#subnaviprojects .divider, #subnavireports .divider{
	margin: 9px 0;
}
#notificationdropout li a, #subnaviprojects li a, #subnavireports li a{
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	white-space:normal;
}
#subnaviprojects li a, #subnavireports li a {
	border-bottom:1px none;
	padding: 7px 16px !important;
	color:#4b4f56;
	font-size:14px !important;
}
#subnaviprojects .btn {
	border:1px solid #8fb6d8;
	margin:15px 15px;
	text-align:center !important;
	width: 265px !important;
}
#subnaviprojects .btn:hover {
}
#notificationdropout li a:hover, #subnaviprojects li a:hover, #subnavireports li a:hover{
}
#notificationdropout li a .grey, #notificationdropout li a .bluegrey{
}
#notificationdropout li.header h5 {
	padding: 7px 15px;
	margin:0;
	border-bottom:1px solid #ddd;
}
#notificationdropout .timeline-action {
    border-radius: 4px;
    display: inline-block;
    height: 15px;
    text-align: center;
    width: 15px;
	padding:3px;
	margin-top:3px;
}
#notificationdropout .timeline-action i{
	color: #fff;
	font-size: 11px;
	line-height:11px;
}
#notificationdropout li.showmore a {
	text-align:center !important;
	font-size:12px;
}

#searchfrm {
	padding:0 7px;
	margin-bottom:0px;
}
#navigation {
	margin-left:0px;
	padding-left:0px;
}
#navigation ul li {
	list-style:none;
	display:inline;
}
#navigation ul li.splitter {
	border-left: 1px solid #7C919F;
    height: 25px;
    margin: 7px 0;
}
#navigation > ul.navbar-nav > li> a{
	color:#7c919f;
	padding:9px 7px 9px;
	text-align:center;
	font-weight:400;
	margin:0px 5px;
	font-size:11px;
}
#navigation > ul.navbar-nav > li> a:first-child{
	margin-left:2px;
}
#navigation > ul.navbar-nav > li> a i{
	display:none;
}
#navigation > ul.navbar-nav > li.open> a{
	background:#EFF2FF;
	border-bottom:1px none;
}
#navigation > ul.navbar-nav > li.open> a:hover{
	
}
#headeruser {
	/*background:#F7F9FB;
	border-left:1px solid #e9edf0;*/
}
#headeruser a.userdropdown {
	padding:0 10px 0 3px;
	margin-right:5px;
}
#headeruser a.userdropdown .avatar_sidemenu{
	margin:5px;
	height: 25px;
    line-height: 25px;
	width: 25px;
	border: 1px solid #E9EDF0;
    color: #607d8b;
	border-radius: 4px;
}
#headeruser a.userdropdown .avatar_sidemenu:hover{
	background:#E9EDF0;
	color:#2688B9;
	box-shadow:none;
}
#header .addtask{
	font-size:22px;
	text-align:center;
	margin: 4px 5px 4px 5px;
}
#header .addtask a{
	color:#a5acb6;
}
#header .addtask a:hover{
	color:#3094D4;
}
#navigation ul li.splitter a{
	padding:0;
}

#navigation ul li a small{
	font-size:14px;
}
#navigation > ul.navbar-nav > li.active > a{
	color:#F7F9FB;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border-bottom: 2px solid #3094D4;
	background:#3094D4;
}
#navigation ul li a:hover{
	color:#3094D4;	
	transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s ;
	background:transparent;
	background:#F7F9FB;
}
#navigation ul li a span.countnotifications {
	margin:2px 0px 2px 2px;
}
#bottomnavi .dropup .dropdown-menu   {
	margin-bottom:0px;
}
#bottomnavi .dropup .dropdown-menu  li a {
	text-shadow: none;
	color:#3e4855;
}
ul.dropdown-menu li a{
	color:#3e4855;
	padding:7px 15px !important;
	text-align: left !important;
	font-size:13px !important;
	width:100% !important;
}
ul.dropdown-menu li a i {
    margin-right: 10px;
	color:#798D9B;
	font-size: 14px;
}
ul.dropdown-menu li a:hover{
	background:#2A91D3 !important;
	color:#e9edf0 !important;
	text-decoration: none ;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;
	border-bottom:1px none !important;
}
ul.dropdown-menu li a:hover i{
	color:#e9edf0 !important;
}
ul.dropdown-menu li.divider{
	display:block!important;
	background:#e9edf0;
	margin: 5px 0;
}
.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}
#searchinput {
	height:30px;
	max-width:179px;
	font-weight:400 ;
}
#searchinput:focus {
	border: 1px solid #e9edf0;
}
#searchbtn {
	height:30px;
	margin-left:-8px; 
	padding:0 10px;
	border-radius:0 3px 3px 0;
	margin-right:5px;
	background:#fff;
	color:#7c919f !important;
	border: 1px solid #e9edf0;
	border-left:1px solid #fff;
}
#searchbtn:hover {
	box-shadow:none;
	color:#3094D4 !important;
}
#content {
	overflow: auto;
	margin:0px 0 0 230px;
	max-width: 1000px;
}
.contentwide {
	max-width:none !important;
	
}
.additem a{
	color:#7c919f;
	font-size:28px;
}
.additem a:hover{
	color:#3094D4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	text-decoration:none;
}

#sidebar {
	width:230px;
	height:100%;
    padding: 0 0px;
	color:#444;
	float:left;
	margin:0px 0 0 0px;
	position:fixed;
	/*overflow-y:auto;
	overflow-x:hidden;*/
	overflow-x:hidden;
	z-index: 100;
	background-color:#F7F9FB;
	border-right:1px solid #e9edf0;
	box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
#sidebar.overflow {
	overflow-x: visible;
}
#sidebar hr {
	margin:10px 0;
	border-color:#e9edf0;
}
#sidebarclose {
	position:fixed;
	left:223px;
	top:45px;
	background: #fff;
    border-radius:  3px;
	padding:1px;
	opacity: 1;
	border: 1px solid #e9edf0;
	color:#7c919f;
	width:10px;
	height:30px;
}
#sidebarclose:hover {
	background:#e9edf0;	
}
.sidebarelement {
	padding:0;
}
.sidebartext {
	padding:0 10px;
}
#sidebar a.dropdown-toggle {
	display:inline-block;
	padding:0;
}
#sidebar .btn-group.open .dropdown-toggle {
	box-shadow:none;
}
#sidebar #searchinput {
}
#sidebar #searchbtn {
}
.projectsidebar {
	width: 60px !important;
	margin-top:35px !important;
	background:#F7F9FB !important;
}
ul.sidenavi {
	padding:0;
}
ul.sidenavi li{
}
ul.sidenavi li.splitter {
	padding:0px 15px 0;
	font-weight:600;
	text-shadow:none;
	line-height:15px;
	color:#444;
	text-transform:uppercase;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
	margin:10px 0 5px;
}
ul.sidenavi li.splitter small{
	font-size:12px;
}
ul.sidenavi li.splitter a{
	color:#7c919f;
	padding:8px 0px;
}
ul.sidenavi li.splitter a i{
}
ul.sidenavi li.splitter a:hover{
	color:#3094D4;
	background:transparent;
}
ul.sidenavi li.splitter a:hover i{
	background:transparent;
}
ul.sidenavi li.prio0, ul.sidenavi li.prio1, ul.sidenavi li.prio2, ul.sidenavi li.prio3 {
	background:transparent;
}
ul.sidenavi  li  a{
	display:block;
	color:#70777B;
	padding:7px 15px 7px 15px;
	font-size:14px;
	outline:none;
	text-decoration:none;
}
ul.sidenavi li a.small{
	padding:5px 15px;
}
ul.sidenavi li a.grey{
	color:#C0C0C0;
}
.projectsidebar ul.sidenavi  li  a {
	margin:4px;
	padding: 8px 10px;
	border-radius: 5px;
	text-align:center;
	height: 35px;
}
.projectsidebar ul.sidenavi  li  a:hover {
	background:#1B2326 !important;
	color:#F7F9FB;
}
.projectsidebar ul.sidenavi  li  a i{
	font-size:18px;
	color:#70777B;
	margin:0;
}
#sidebar ul.dropdown-menu li a {
	color: #444444;
	text-transform:none;
	border:1px none;
	padding: 6px 15px !important;
	line-height: 1.42857;
}
ul.sidenavi li span.right a{
	padding:0!important;
	font-weight:bolder;
	font-size:14px;
}
ul.sidenavi li a:active,  ul.sidenavi li a:focus{
	outline:none;
}
ul.sidenavi li a:hover{
	background-color:#e9edf0 ;
	color:#3094D4;
	transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s ;
}
ul.sidenavi li a i{
	color:#ABACAE;
	margin-right:7px;
	font-size: 14px;
}
ul.sidenavi li a:hover i{
	background-color:transparent;
	color:#3094D4;
}
.projectsidebar ul.sidenavi li a:hover {
	background:#e9edf0 !important;
}
.projectsidebar ul.sidenavi li a:hover i{
}
ul.sidenavi li a img{
	vertical-align:middle;
	margin:-4px 3px 0 0;
}
ul.sidenavi li.indented  a{	
	padding: 3px 10px 3px 40px;
}
ul.sidenavi li.active a{	
    color: #3094D4;
	text-decoration:none;
	background:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border-left:3px solid #0075AF;
}
ul.sidenavi li.active a i{
	color:#3094D4;
	background-color:#fff;
}
ul.sidenavi li.active a:hover{
	background-color:#E9EDF0;
	color:#3094D4;
}
ul.sidenavi li.active a:hover i{
	background-color:#E9EDF0;
	color:#3094D4;
}
.projectsidebar  li.active a {
	background:#fff !important;
	border-radius:5px;
	border: 1px solid #e9edf0 !important;
}
.projectsidebar ul.sidenavi li.active a i{
	color:#3094D4;
	background:#fff !important;
}
#sidebar ul.dropdown-menu li a:hover i{
	background-color:transparent;
	color:#3094D4;
}
.counticon {
	margin:6px 5px 0 0;
    color: #7c919f;
    display: block;
    font-size: 12px;
    font-weight: 600;
    min-width: 22px;
    padding: 3px 5px 2px;
    text-align: center;
	line-height:14px;
	border-radius:4px;
}
ul.sidenavi li.active .counticon {
    color: #3094D4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
ul.sidenavi li:hover .counticon{
	color:#3094D4;
}
.projectsidebar .counticon {
	background:#fff;
	border:1px solid #3094D4;
	color:#3094D4;
	font-size:11px;
	padding: 1px 3px 1px;
	border-radius:10px;
	margin: 2px 4px 0 0;
	position:absolute;
	right:0;
}
.projectsidebar ul.sidenavi li:hover .counticon{
	color:#3094D4;
}
.projectsidebar ul.sidenavi li.active .counticon {
	color:#3094D4;
}
ul.sidenavi ul.nav-tabs {	
}
ul.sidenavi ul.nav-tabs li a {
	color:#7c919f;
	font-size: 12px;
	padding: 6px 10px 6px 0px;
	border: 1px solid rgba(0, 0, 0, 0);
}
ul.sidenavi ul.nav-tabs li a:hover {
	border: 1px solid rgba(0, 0, 0, 0);
}
ul.sidenavi ul.nav-tabs li.active a {
	background:transparent;
	color:#444;
	border:1px none !important;
	border-top:1px none;
	padding: 6px 10px 6px 0px;
	text-shadow:none;
}
#sidebarshow {
	position:fixed;
	overflow:auto;
	padding:4px 1px 4px 0px;
	background:#fff;
	border-radius:0px 0px 3px 0px;
	z-index:1000;
	display:none;
	border:1px solid #e9edf0;
	border-left:1px none;
}
#sidebarshow a{
}
.sidenavi .tags {
	padding:5px 15px;
}
.sidenavi .tags a.tag{
	color: #78a3c9;
	display: inline-block;
	margin-top:2px;
	background:transparent;
	border:1px solid #78a3c9;
}
.sidenavi .tags a.tag:hover{
	color: #78a3c9;
	text-decoration:none;
	border:1px solid #3094D4;
}
#sidebar #sidebarbottom {
	position:fixed;
	bottom:0px;
	left:0px;
	width: 229px;
	background-color: #e9edf0;
	overflow:hidden;
}
#sidebar  #sidebarbottom ul.sidenavi  li  a{
	font-size:16px;
}





.clearfix {
	clear:both;
}
.right {
	float:right;
	display:inline;
}
.left {
	float:left;
	display:inline;
}




.tokenfield .token {
    background-color: #E9EDF0;
    border: 1px solid #E9EDF0;
	color:#3094D4;
}
.tokenfield .token:hover {
    background-color: #E9EDF0;
	border: 1px solid #3094D4;
}
.ui-autocomplete {
	border: 1px solid #E9EDF0;
}
li.ui-state-focus {
	background:#E9EDF0 !important;
}

/*Statusmeldungen*/
input.error , select.error, textarea.error{
	border:2px solid #E2846E!important;
	background-color:white;
}
div.error	{
	margin:10px auto 5px 250px;
	display:block;
	border: 1px solid #E2846E;
	color:#E2846E;
	background: #FDE5E5;
	position: fixed;
    width: 50%;
	max-width:700px;
    z-index: 2000;
}
.alert-danger {
	color:#E2846E;
	background: #FDE5E5
}
.alert-warning {
	
}
div.hint	{
	margin:10px auto 5px 250px;
	max-width:700px;
	display:block;
	position: fixed;
    width: 50%;
	max-width:700px;
    z-index: 2000;
}
.validatorok {
	color:#fff;
	background-color: #3C6;
	font-size:10px;
	padding:0 5px;
	margin-top:-5px
}
.validatornok {
	color:#fff;
	background-color: #C30;
	font-size:10px;
	padding:0 5px;
	margin-top:-5px
}
.has-error .form-control, .has-error .form-control:focus {
    border-color: #e2846e;
    box-shadow: none;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #e2846e;
}
.has-error .form-control-feedback  {
    color: #e2846e;
}
.has-success .form-control, .has-success .form-control:focus {
    border-color: #A8C300;
    box-shadow: none;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #A8C300;
}
.has-success .form-control-feedback {
    color: #A8C300;
}
/*Dashboard*/
#activityfeed {
	margin:0 auto 20px auto;
	max-width: 900px;
}
.homewrapper .datebox {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.homewrapper .grey, .homewrapper .bluegrey {
	color: #777;
}
.homewrapper .tasktext  small.grey,.homewrapper .comment  small.grey {
	color: #999999;
}
.homewrapper h3, .homewrapper h4 {
	color:#7c919f;
}
.homewrapper .datebox h3{
	color:#7c919f;
	margin:10px 0 0px;
	font-weight:400;
}
.homewrapper .timeline h4.timelineday {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.homewrapper hr {
}
.homewrapper .projectcard, .homewrapper .usercard   {
	
}
.homewrapper .projectcard:hover, .homewrapper .usercard:hover   {
	background:#fafafa;
}
.homewrapper .projectcardbottom {
    background-color: transparent;
}
.homewrapper .usercard h4 {  
	color:#666;
}
.homewrapper .projectcardinner .bluegrey,.homewrapper .projectcardinner .grey,.homewrapper .usercard .grey  {
	color:#999999;
}
.homewrapper .comment, .homewrapper .tasksmall  {
	background: #fff;
	border-radius: 5px;
}
.statsbar {
	background:#fff;
	border:1px solid #E9EDF0;
	border-radius:3px;
	padding:15px;
	margin:10px 0;
}
.statsbar div.text-center:first-child {
    border-left: 0 none;
}
.statsbar div.text-center {
    border-left: 1px solid #E9EDF0;
}
.homewrapper .statsbar div.text-center {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.homewrapper .statsbar div.text-center:first-child {
    border-left: 0 none;
}
.statsbar h3{
	margin:0px 0 0px;
	font-size: 28px;
}
.statsbar hr{
	margin:3px 0 ;
}
.homewrapper .statsbar {
	
}
.homewrapper #charttime {
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius:3px;
}

/*tasks*/
.taskwrapper, .clientwrapper, .projectwrapper, .ideawrapper, .calendarwrapper, .reportwrapper, .homewrapper {
	padding:0px 15px 10px;
}
.reportwrapper, .homewrapper {
	max-width:900px;
	margin:auto;
}
.projectwrapper {
	margin: 35px 0 0 60px !important;
}

#tasklist, #idealist, #progresslist, #donelist {
	min-height:10px;
}
#tasklist > li:first-child {
	margin-top:10px;
}

#taskeditarea {
	margin:0px 0 0;
	padding:0 10px 10px;
	background-color:#F7F9FB;
	min-height:500px;
    height: 100%;
	display:none;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
	overflow:auto;
	width:450px;
	box-shadow:0 0 3px rgba(57, 70, 78, 0.2);
}
.taskdetail {
	background:#fff !important;
	position:relative !important;
	box-shadow:none !important;
	border:1px none !important;
	display:block !important;
	width:100% !important;
	margin-top:5px !important;
	z-index:0 !important;
}
#taskeditarea h4.media-heading {
	font-weight:400;
}
#taskeditarea.taskdetail h4.media-heading {
	font-size:24px !important;
}
#taskeditarea .media-heading a {
	color:#3094D4;
}
#taskeditarea .media-heading a:hover {
	text-decoration:underline;
}
#taskeditarea .media-body .meta {
	font-size:12px;
}
#taskeditarea .media-body .meta a{
	color:#7c919f;
}
#taskeditarea .media-body .note {
	color:#7c919f;
	margin-bottom:0px;
}
#taskeditarea .media-body .note a {
	color:#3094D4;
}
#taskeditarea .media-body .note a:hover {
	text-decoration:underline;
}
#taskeditarea .sectionhead {
	color: #444;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
	padding-top:0px;
}
#taskeditarea  hr{
	margin:15px 0;
}
#taskeditarea .nav-tabs {
	border-bottom: 1px solid #e9edf0;
	background:#fff;
	margin: 0 -10px;
    padding: 0 10px;
}
#taskeditarea .nav-tabs > li.active > a, #taskeditarea .nav-tabs > li.active > a:hover, #taskeditarea .nav-tabs > li.active > a:focus {
	background:transparent;
}
#taskeditarea #taskeditareae {
	margin-top:10px;
}
#taskeditarea #taskeditareae hr{
	margin:10px 0;
}
#taskeditarea .form-horizontal .control-group {
	margin-bottom:3px;
}
#taskeditarea .form-horizontal label {
	text-align:right;
}
#taskeditarea #taskeditareae .form-element {
	margin-bottom:10px;
	clear:both;
}
#taskeditarea #taskeditareae .input-group {
	border-bottom:1px solid #E9EDF0;
}
#taskeditarea #taskeditareae .input-group:hover {
}
#taskeditarea #taskeditareae .input-group-addon {
	border-radius:0;
	background:#F7F9FB;
	border:1px none;
}
#taskeditarea #taskeditareae .input-group-addon a{
	color:#7c919f;
}
#taskeditarea #taskeditareae .input-group-addon a:hover{
	color:#3094D4;
}
#taskeditarea .form-control {
	z-index:1001;
	border: 1px none;
	border-radius:3px;
	background:transparent;
}
#taskeditarea #taskeditareae .form-control {
	border-radius:0px;
}
#taskeditarea .form-control:hover {
}
#taskeditarea  .form-control:focus,#taskeditarea  .tokenfield.focus {
	border-bottom:1px solid #3094D4;
}
#taskeditarea input:focus, #taskeditarea select:focus, #taskeditarea textarea:focus {
	border-bottom:1px solid #3094D4;
}
#taskeditarea  .tokenfield .token {
}
#taskeditarea  .token-input {
}
#taskeditarea .timeline > li {
    margin-bottom: 5px;
}
#taskeditarea .timeline-badge {
	left: 10px;
	display:none;
}
#taskeditarea .timeline-action {
    display: none;
}
#taskeditarea .timeline-panel {
	background:transparent;
	border:1px none;
	width: 100%;
	padding:0px;
	float: left;
	font-size: 12px;
	width:100% !important;
}
#taskeditarea .timeline-title {
	margin:0;
	color:#909a9b;
}
#taskeditarea  .timeline:before {
    display:none;
}
#taskeditarea .timeline > li > .timeline-panel:after {
    border-color: transparent #666;
	display:none;
}
#taskeditarea .timeline > li > .timeline-panel:before {
    border-color: transparent #666;
	display:none;
}
#taskeditarea #timearea tr:hover {
	background:#E9EDF0;
}
#taskeditarea .table > thead > tr > th {
    vertical-align: bottom;
}
#taskeditarea #newcommenttext {
	border: 1px solid #E9EDF0;
}
#taskeditarea #subtasklist {
	margin-left:25px;
}
#taskeditarea #subtasks {
	background:transparent;
	border:1px solid transparent;
    border-radius: 0px;
}
#taskeditarea #subtaskaddfrm {
	margin-top:5px;
}
#taskeditarea #subtasks .btn-xs {
    border: 1px none;
    border-radius: 3px;
	font-size: 18px;
    line-height: 18px;
    padding: 3px 7px 3px;
}
#taskeditarea #subtasklist .done, .done {
    background-color: transparent;
}
#taskeditarea #subtasklist .subtask {
	color:#7c919f;
}
#taskeditarea #addsubtask {
	padding:4px 8px;
	height: 25px;
	border: 1px solid #E9EDF0;
	width:100%;
	background:#fff;
}
#taskeditarea .comment {
	border-radius:3px;
	background: transparent;
    border: 1px none;
	padding:0;
}
#taskeditarea .comment .media-body {
	border-radius:3px;
	background:#fff;
	padding:5px 10px;
	border: 1px solid #e9edf0;
}
#taskeditarea .comment .media-body p{
	margin: 0 0 5px;
}
#taskeditarea #newcommenttext:focus, #taskeditarea #addsubtask:focus {
	border: 1px solid #0075C6;
}
#taskeditarea #attachementarea {
	min-height:250px;
}
#taskeditarea .file {
}
#taskeditarea .file:hover {
}
#taskeditarea .file .filebottom {
	width:calc(100% - 30px);
}
#taskeditarea .panel-default {
    border: 1px none;
}
#taskeditarea .panel-heading {
    border: 1px none;
	background:transparent;
	padding:0px 0px 10px;
}
#taskeditarea .panel-body{
	padding:0;	
}
#taskeditarea .filetype a {
	color:#333;
}



#newtask, .newtask , #newidea{
	border-top: 1px solid #e9edf0;
    border-radius: 0px;
	background:#fff;
}
#newtask #taskadd, .newtask .taskadd, #newidea #ideaadd{
	padding:7px 0px 7px 0px;
	border:1px none;
	box-shadow:none;
	width:70%;
}
#newtask .controls, .newtask .controls, #newidea .controls{
	display:none;
	float:right;
	margin:4px 10px 0;
}
#newtask .controls a, .newtask .controls a, #newidea .controls a{
	color:#7c919f;
	font-size:12px;
}
#newtask .controls a.editable, .newtask .controls a.editable, #newidea .controls a.editable{
	margin-top:1px;
}
#newtask .controls a:hover,.newtask .controls a:hover, #newidea .controls a:hover{
	background:#fff;
	color:#3094D4 !important;
}
#newtask #asubmit,.newtask #asubmit, #newidea #asubmit, .newtaskinline button {
	float:right;
	margin:2px 2px 1px;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	padding: 2px 7px 3px;
	border:1px none;
	background:#E9EDF0;
	color:#7c919f !important;
	border-radius: 3px;
}
#newtask #asubmit:hover,.newtask #asubmit:hover, #newidea #asubmit:hover, .newtaskinline button:hover {
	background:#3094D4;
	color:#fff !important;
	border:1px none;
}
#newtaskmore .input-group{
	margin-bottom: 5px;
}
.newtaskinline {
	padding:1px;
}
.newtaskinline input{
	width: calc(100% - 30px);
	border:1px none #fff;
	padding:5px;
}
.newtaskinline button{
}


.prioselecter {
	cursor:pointer;
	padding:5px 1px;
	margin-right:15px;
}
.prioselecter:hover {
	padding:5px 5px;
}
.cur_prioselect1 {
	background-color:#E2846E;
}
.cur_prioselect2 {
	background-color:#FFC300;
}
.cur_prioselect3 {
	background-color:#A8C300;
}
.cur_prioselect0 {
	background-color:#ccc;
}



.tasksmall {
	border-radius: 3px;
    font-size:13px;
	margin: 4px 0;
   padding:7px;
   border: 1px solid #e9edf0;
   background:#fff;
}
.tasksmall:hover {
	/*box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.07);*/
}
.tasksmall .tasktext {
	
}
.taskcard {
	border: 1px solid #e9edf0;
	border-radius: 3px 3px 3px 3px;
	text-shadow: none;
	background:#fff;
	color:#353535;
	cursor:move;
	margin:7px 0;
	padding:7px 7px;
	overflow: hidden;
}
.taskcard:hover {
    border: 1px solid #7c919f !important;
	box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.taskcard.active {
	background: #e1f2fe none repeat scroll 0 0;
}
.taskcard h5 {
	margin:0 0 10px 0;
	font-weight:400;
	letter-spacing: 0px;
}
.taskcard p.note {
	font-size:12px;
}
.taskcard .file {
	cursor:default;
	max-height: 150px;
}
.taskcard .taskdate {
	margin-right:0px;
	font-size:12px;
}
.taskcard .taskestimated {
	margin:0px;
}
.taskcard .tasknumber {
	font-size:12px;
	padding-right:5px;
}
.taskcard .avatar {
	margin:0px 0 0 5px;
}
.prio2 {
	background:#FFF9ED;
}
.prio1 {
	background:#FFEDED;
}
.prio3 {
	background:#EDFAE7;
}
.prio0 {
	background:#fff;
}
.tasklist .task {
	padding:7px 0px 7px 7px;
	margin:0px 0;
	background:#fff;
}
tr.task th, tr.task td {
	border-top:1px none!important;
}
.tasklist .prio0 {
	border-left:1px solid #fff;
}
.tasklist .prio1, #donelist .prio1,  #progresslist .prio1, .projectstagevertical  .prio1,  .prio1{
	border-left:1px solid #E2846E !important;
}
.tasklist .prio2, #donelist .prio2, #progresslist .prio2, .projectstagevertical  .prio2, .projectstage .prio2, .prio2  {
	border-left:1px solid #FFC300 !important;
}
.tasklist .prio3, #donelist .prio3,  #progresslist .prio3, .projectstagevertical  .prio3, .projectstage .prio3, .prio3 {
	border-left:1px solid #A8C300 !important;
}

.projectstage .prio1 {
	border:1px solid #E2846E !important;	
}
.projectstage .prio2 {
	border:1px solid #FFC300 !important;
}
.projectstage .prio3 {
	border:1px solid #A8C300 !important;
}

.milestonesublist  .prio0, #ideatable .prio0,{
	border-left:1px solid #fff;
}
.milestonesublist  .prio1, #ideatable .prio1,{
	border-left:1px solid #E2846E !important;
}
.milestonesublist  .prio2, #ideatable .prio2 {
	border-left:1px solid #FFC300 !important;
}
.milestonesublist  .prio3, #ideatable .prio3 {
	border-left:1px solid #A8C300 !important;
}
.priotext0 {
	color:#ccc;
}
.priotext1 {
	color:#E2846E;
}
.priotext2 {
	color:#FFC300;
}
.priotext3 {
	color:#A8C300;
}
.tasklist .done, #subtasklist .done, .done {
	/*background-color:#FFFFDA !important;*/
}
#tasktable tr, #ideatable  tr,  .milestonesublist tr {
	background:#fff;
}
#tasktable tr.taskdata, #ideatable  tr.taskdata, #timetable tr.taskdata, .milestonesublist tr.taskdata {
	background:#fcfcfc;
}
#tasktable tr:hover, #ideatable  tr:hover {
	background:#f9f9f9;
}
#tasklist .overdue {
	/*background-color:#FFDEDB;*/
}
#tasklist .delegated {
	/*background-color:#FFFCDB;*/
}
#tasklist .high {
	background-color:#ccc;
}
.tasklist li.active {
	background:#F7F9FB;
	border:1px solid #E1F2FE !important;
	border-radius:3px;
	
}
.tasklist .inactive, .calendartasks  .inactive, .taskplanning .inactive{
	opacity: 1;
}
.tasklist .task:hover {
	background-color:#f7f9fb;
	border-radius:3px;
}
.tasklist .prio0:hover {
	border-left:1px solid #f7f9fb;
}

.tasklist .task:hover .taskmore {
	opacity: 1;
}
.task .taskactions {
	display:inline-block;
}
.task .taskinfos {
	display:inline-block;
}
.tasklist .task:hover .taskactions {
	display:inline-block;
}
.tasklist .task:hover .taskinfos {
	display:inline-block;
}
.task .taskmore {
	opacity: 0;
	margin:2px 1px;
}
.task .tasknumber {
	font-size:11px;
	margin:2px 2px 0;
}

.taskchecker {
	width:25px;
	margin-top:0px;
}
.customchecker {
	background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    height: 17px;
    width: 17px;
	display: inline-block;
    vertical-align: middle;
	cursor:pointer;
	padding-top:-10px;
	/*box-shadow: 0 2px 6px rgba(90, 90, 90, 0.1) inset, 0 1px 1px rgba(90, 90, 90, 0.2);*/
}
.customcheckerdone {
	color:#3496FC;
	border: 1px solid #3496FC;
}
.customchecker i {
	display:none;
	font-size: 13px;
}
.overdue .customchecker:hover, .customchecker:hover   {
	border: 1px solid #3094D4;
	color:#3094D4;
}
.customcheckerdone:hover   {
	color:#3094D4;
}
.overdue .customchecker {
	/*border: 1px solid #E2846E;*/
}	
.checkboxover {
	background-color:#E34800;
}
.taskmarker {
	width:30px;
}
.taskdone {
	opacity:0.5;
	text-decoration:line-through;
}
.taskdone input {
	text-decoration:line-through;
}
.tasktext {
	font-size:14px;
}
.tasktext a{
	color:#3094D4;
}
.tasktext a:hover{
	color:#098BD5;
	text-decoration: underline;
}
.tasktext_w {
	margin-top:2px;
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
	width:calc(100% - 195px);
	cursor:pointer;
}
.tasklist .isadmin .tasktext_w {
	width:calc(100% - 245px);
}
.taskover_w {
	margin-top:7px;
}
.taskestimated {
	color:#666;
	font-size:12px;
	margin-right:5px;
	margin-top:3px;
	min-width: 15px;
}
.taskeffort {
	color:#666;
	font-size:12px;
	margin-right:5px;
	margin-top:3px;
}
.taskdata .taskestimated {
	margin-right:100px;
}
.taskdata .taskeffort {
	margin-right:100px;
}
.taskproject {
	font-size:13px;
	margin-right:0px;
	color:#7c919f;
}
.taskproject:hover {
}
.taskproject a {
	color:#7c919f;
}
.taskowner {
	border:1px solid #FECFBB;
	background-color:transparent!important;
	box-shadow:none;
	line-height: 16px;
	z-index:0;
}
.taskpersonwrap {
	margin:0px 5px 0 0px;
}
.taskperson {
	font-size:11px!important;
	color:#999999;
	padding:0px 5px!important;
	background-color:transparent!important;
	background-image:none;
	box-shadow:none;
	line-height: 16px;
	z-index:0;
}
.taskperson:hover {
	background-color:#fcfcfc!important;
}
.taskpersonwrap:before, .taskperson:after  {
	display:inline !important;
}
.taskpersonwrap ul.dropdown-menu {
	
}
.taskpersonwrap .assignedfrom{
	margin-left:-10px;
}
.taskdate {
	margin:0px 4px 0 0px;
}
.taskdate a{
	padding:2px;
	font-size:12px;
}
.taskdate a:hover{
	background: #FFFDD7;
	color:#444;
	text-decoration:none;
}
.taskdateover {
	color:#E2846E;
}
.taskdateover a{
	color:#E2846E;
}
.taskdateover a:hover{
	color:#444;
	text-decoration:none;
}
.taskdate  ul.dropdown-menu {
	width:270px;
	padding:5px 10px;
}
.taskdate  ul.dropdown-menu li {
	display:inline-block;
	width:70px;
	height:70px;
	margin:5px 5px;
}
.taskdate  ul.dropdown-menu li a{
	color:#888;
	display:inline-block;
	width:50px;
	height:70px;
	text-align:center !important;
	padding:11px 0px !important;
	border-radius:3px;
	border:1px solid #F7F9FB;
	font-size:18px !important;
	vertical-align:middle;
}
.taskdate  ul.dropdown-menu li a:hover{
	border:1px solid #3094D4;
	background:#F7F9FB;
}
.taskdate  ul.dropdown-menu li a i{
	color:#ccc;
	margin:0;
}
.taskdate  ul.dropdown-menu li a small{
	display:block;
	text-align:center;
	font-size:10px !important;
	text-transform:uppercase;
}
.taskhandle {
	cursor:move !important;
	color:#e1e6e8;
	margin:0px 0 0 -10px;
	font-size:16px;
	display:none;
}
.taskhandle:hover {
	color:#3094D4;
}
.task:hover .taskhandle {
	display:inline-block;
}

.smalldatepicker {
	width:70px;
	font-size:11px !important;
	border:1px solid #444;
	padding:2px 3px !important;
}
.taskdateover .smalldatepicker {
	border:1px solid #E34800;
}
.task .checkbox {
	margin:0 10px 0 0;
	-moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 1px #FFFFFF inset, 0 1px 1px #F5F5F5;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #FFFFFF inset, 0 1px 1px #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F0F0F0);
	 background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F0F0F0));	
    border-color: #CCCCCC #CCCCCC #A0A0A0;
    border-style: solid;
}
.taskoverdue {
	background-color:#E2846E;
	color:white;
	padding:1px 3px;
	font-size:10px;
	margin:0 7px 0 0;
	text-transform:uppercase;
}
.taskovertoday{
	background-color:#72ABBD;
	color:white;
	padding:1px 3px;
	font-size:10px;
	margin:0 5px 0 0;
	text-transform:uppercase;
}
.taskeditl {
	width:10px;
}
.taskeditlink {
	
}
.taskedit {
	clear:both;
	position:relative;
	padding:10px 0;
}
.taskedit .form-group, .taskedit .input-group{
	margin-bottom:10px;
}


.taskaddpopup {
	opacity:1;
	background:#262626;;
	padding:10px;
	border-radius:3px;
	width:650px;
	margin-top:30%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.modal .close{
	top:10px;
	right:20px;
	position:fixed;
	opacity: 0.5;
	z-index: 1051;
}
.modal .close a{
	color:#fff;
	font-size:52px;
}
.modal .close a:hover{
	color:#000;
	opacity: 1;
}
.taskaddpopup #taskaddpopuptitle {
	opacity:1;
	background:#262626;
	border:1px solid #262626;
	width:calc(100% - 50px);
	font-size: 26px;
    line-height: 34px;
	color:#E9EDF0;
	padding:0 0 10px 0;
}
.taskaddpopup #taskaddpopupmore {
	padding:10px 3px 0 3px;
}
.taskaddpopup #frmtaskaddpopup button {
	border-radius:50%;
	border:2px solid #f7f9fb;
	color:#F7F9FB;
	height:40px;
	width:40px;
	background:transparent;
	font-size: 18px;
	margin:0;
}
.taskaddpopup #frmtaskaddpopup button:hover {
	background:#f7f9fb;
	color:#222;
}
.taskaddpopup #taskaddpopupmore input, .taskaddpopup #taskaddpopupmore select {
	background: transparent;
    border: 1px none;
    color: #E9EDF0;
	font-size:11px;
	line-height: 12px;
	padding: 5px 10px 5px 2px;
	z-index: 1060;
}
.taskaddpopup #taskaddpopupmore select {
	padding: 2px 10px 2px 2px;
}
.taskaddpopup #taskaddpopupmore .input-group-addon {
	background: transparent;
	font-size:11px;
	line-height: 12px;
	color: #F7F9FB;
	padding: 5px 0px;
	border: 1px none;
}


.filedrop input, .fileup input {
	cursor: pointer;
    direction: ltr;
    margin-top: -30px;
    opacity: 0;
    position: absolute;
    left: 0;
	height:50px;
	width:250px;
	padding:0px;
}
.filedropbox {
	color:#1081DE;
}
#uploadprogress {
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    height: 40px;
	width: 100%;
	z-index: 1011;
	position:fixed;
	top:0px;
	left:0px;
}
#uploadprogress .progress {
	margin:10px 15px 0;
}

.noteinput, .noteinput:focus {
	background-color:#FFFFDA;
}
.taskblockheader {
	margin:25px 0 0;
	border-bottom:1px solid #E9EDF0;
	padding:0 0 0 0px;
	color:#FD999A;
	font-size:12px;
	font-weight:400;
}
.taskblockheader h3 {
	font-size:16px;
	color:#fd999a;
	line-height:20px;
	margin:3px 0 3px 7px;
}
.taskblockheader h3 a {
	color:#fd999a;
}
.taskblockheader h3 a:hover {
	text-decoration:underline;
}
.taskblockheader .estimated {
	margin:0px 35px 0 0px;
}
.taskblockheader .duedate {
	margin:0px 50px 0 0px;
}
.taskblocksubheader h4 {
	font-size:14px;
	margin:5px 0 5px;
	font-weight:400;
	padding:7px 7px 0px 7px;
	color:#7c919f;
}
.taskblocksubheader h4 a{
	color:#7c919f;
}
.showcompleted {
	margin-top:20px;
	margin-left:7px;
}
.tasktoptitle h4{
	font-size: 18px;
    font-weight: 400;
	margin:10px 0 -10px 7px;
}
.tasklist h5 {
	font-weight:600;
	font-size:12px;
}

#tfclientouter {
	text-transform:none;
	font-size:12px;
	margin-left:0px;
}
.taskdata {
	font-size:12px;
	border-top:1px solid #e9edf0;
	padding:3px 0;
	background-color:#FCFCFC;
}
li.taskadd .newtaskinline {
	margin:0;
}
.taskdueitem {
	border-bottom:1px solid #f7f7f7;
	padding:1px 2px;
}
.taskdueitem:hover {
	background-color:#408EB4;
	color:white;
}

#subtasks {
	background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
}
#subtasks .form-group {
	margin-bottom:0px;
}
#subtasklist {
}
.subtask {
	padding:1px 0px;
}
.subtasktitle {
	margin-left:5px;
}
.subtaskdelete {
	display:none;
}
.subtask:hover .subtaskdelete  {
	display:block;
}
#addsubtask {
	border: 1px none;
}
#subtasks .btn-xs {
	
}
.tag {
	background:#fff;
	border:1px solid #7c919f;
	font-size:13px;
	padding:1px 3px;
	border-radius: 3px;
}
.tag:hover {
	border:1px solid #3094D4;
}

.file {
	border: 1px solid #e9edf0;
	border-radius: 3px;
	background:#fff;
	margin:0px 0 10px;
	min-height:115px;
	overflow: hidden;
	cursor:pointer;
	padding: 0px 0 0;
}
.file:hover {
	background: #f7f9fb none repeat scroll 0 0;
    border: 1px solid #7c919f;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
#filelist {
	min-height:220px;
}
.filelist {
	border-bottom: 1px solid #e9edf0;
	background:#fff;
	overflow: hidden;
	cursor:pointer;
	padding:0 0px 0  1px;
}
.filelist i{
	padding:0 3px 0  3px;
}
.filelist h5{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:6px 0;
	margin:5px 0;
	font-weight:400;
}
.filelist h5 a{
	color:#666;
}
.filelist h5 a:hover{
	color:#3094D4;
}
.file:hover, .filelist:hover {
    background: #F7F9FB;
}
#filelist h4 {
	margin-top:-65px;
	padding:10px;
}
#filelist .active {
	background: #0075af;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	border: 1px solid #7c919f;
	color:#fff;
}
#filelist .active  h5, #filelist .active  h5 a{
    color: #fff;
}
.file .filethumb {
	overflow:hidden;
}
.file .filethumb i {
	margin-top:10px;
	font-size:5em;
}
.file .filethumb img {
	width:100%;
    height:100%;
}
.file .filebottom {
	background:#E9EDF0;
	opacity:0.8;
	text-align:center;
	position:absolute;
	bottom:11px;
	width:calc(100% - 32px);;
}
.file .filebottom a{
	color:#444;
}
.filedelete {
	position:absolute;
	top:0px;
	right: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.file .filedelete, .timeline-body .file:hover .filedelete {
	display:none;
}
.file:hover .filedelete, .filelist:hover .filedelete {
	display:block;
}

#filedetail {
	
}
#filedetailinner {
	bottom: 0;
    left: calc(50% + 40px);
    position: fixed;
    right: 0px;
    top: 70px;
	overflow-x: auto;
	padding:0 15px 10px;
	background-color: #f7f9fb;
	border-left:1px solid #e9edf0;
}
#filedetail .avatar{
	background-color: #fff;
}
#filedetail h2{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:20px;
}
#filedetail .dl-horizontal dd {
    margin-left: 80px;
}
#filedetail .dl-horizontal dt {
	width:auto;
}
.cur_usd {
	display:none;
}

.avatar {
    font-size: 18px;
	font-weight:normal;
    height: 50px;
    line-height: 50px;
    width: 50px;
	display:inline-block;
	border-radius:50%;
	text-align:center;
	text-shadow:none;
	box-sizing: content-box;
	overflow: hidden;
    text-align: center;
    vertical-align: middle;
	opacity: 1;
    border: 1px solid #3094D4;
	background:#F7F9FB;
    box-shadow: none;
    color: #3094D4;
}
#sidebar .avatar {
	background:#fff;
}
#taskeditarea .avatar {
	background:#fff;
}
#taskeditarea .avatar:hover {
	background:#3094D4;
}
.avatar img {
	vertical-align:top;
}
.avatar:hover {
	color: #FFFFFF;
	background:#0075C6 ;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
	transition: box-shadow 0.4s ease 0s, color 0.4s ease 0s, background 0.4s ease 0s;
}
#sidebar .avatar:hover {
	color: #FFFFFF;
	background:#0075C6 ;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.avatar_spacer {
    height: 20px;
	line-height: 20px;
    width: 20px;
	vertical-align: middle;
	display:inline-block;
	overflow: hidden;
}
.avatar_grey {
	color: #444;
	background: #f7f9fb;
}
.avatar_small {
	font-size: 11px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.avatar_sidemenu {
	font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 30px;
	margin-right:3px;
	opacity: 1;
}
.usercard {  
	margin-bottom: 15px;
	border: 1px solid #e9edf0;
	padding:5px 0;
	border-radius:3px;
	background:#fff;
}
.usercard:hover {
	background: #f7f9fb none repeat scroll 0 0;
    border: 1px solid #7c919f;
	box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.usercard:hover .avatar{
	background:#fff;
}
.usercard .btn-group {
	position:absolute;
	right:25px
}
.usercard .btn-group a{
	padding:0;
}
.usercard h4{ 
	font-weight:400;
	font-size:16px;
}
.usermark {
	background:transparent;
	padding:0px 5px 0px 4px;
	color: #3094D4;
	border:1px solid #3094D4;
	border-radius: 3px;
}
.usermark:hover {
	background:#e9edf0;
}
#projectmembers {
}
#projectmembers .projectmember {
	padding:3px 1px;
}
#projectmembers .projectmember:hover {
	background:#F7F9FB;
}


.userpopover {
}
.userpopover .avatar{
	margin-right: 10px;
}
.userpopover h4{
	border:1px none !important;
}
.comment {
	background:#fff;
	padding:5px 5px 5px;
	margin:10px 0;
	border: 1px solid #e9edf0;
	border-radius:3px;
}
.commentdelete, .timeline-body .comment:hover .commentdelete {
	display:none;
}
.comment:hover .commentdelete {
	display:block;
}
.comment .addtask {
	display:none;
	color:#7c919f !important;
	margin-left:5px;
}
.comment:hover .addtask {
	display:inline;
}
.comment .media-body {
	margin-right: 5px;
	padding: 2px 0;
}
.comment .media-body a{
	color:#3094D4;
}
.comment .media-body h1,.comment .media-body h2,.comment .media-body h3,.comment .media-body h4,.comment .media-body h5{
	margin:10px 0;
}
#newcomment {
	overflow: visible;
}
#newcomment span.pull-left {
	margin-top:8px;
}
#newcomment .media-body {
	overflow: visible;
}
#newcomment .media-body .controls{
	display:none;
}
#newcomment .textntags-wrapper {	
}
#newcomment .media-body .controls a {
	color:#999999;
}
#newcomment .media-body .controls a:hover {
	color:#3094D4;
}
#newcomment .btn{
	margin:2px 0;
}


/*Chat*/

.user-online {
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    vertical-align: baseline;
    width: 9px;
    background: #A8C300;
    border: 1px solid #fff;
    margin: 0px 0 0 -9px;
	position:absolute;
}
#sidebar .user-online {
	float:right;
	position:relative;
	margin-top: 5px;
}
#messagesouter {
	overflow-y: scroll;
	overflow-x:hidden;
}
#channelheader {
	margin-bottom:1px;
	padding:0 15px 7px;
}
#channelname {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	max-width:calc(100% - 260px);
	display:inline-block;
	font-size:18px;
	font-weight:700;
}
.message {
	border-bottom: 1px solid #fbfbfb;
	padding:2px 5px 2px 3px;
	margin: 0 15px;
}
.message:hover {
	/*background:#F7F9FB;*/
}
.question {
	border-left: 1px solid #ffc300;
}
.question .messagetext{
	color: #ffc300;
}
.announcement {
	border-left: 1px solid #e2846e;
}
.announcement .messagetext{
	color: #e2846e;
}
.message .avatar_small {
	margin-top:10px;
}
.message .messageuser {
	margin-top:10px;
}
.message .messagetext{
	margin-bottom:2px 0;
}
.message .image {
	border: 1px solid #e9edf0;
	padding:2px;
	border-radius:3px;
}
.message .image:hover {
	background: #f7f9fb none repeat scroll 0 0;
    border: 1px solid #7c919f;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.messagedelete {
	display:none;
}
.message:hover .messagedelete {
	display:block;
}
.message .addtask {
	display:none;
	color: #7c919f !important;
	margin-right:10px;
}
.message:hover .addtask {
	display:block;
}
.messageday {
	border-bottom: 1px solid #BEC8CE;
    padding: 12px;
	margin: 15px 0 25px;
}
.messageday h4 {
    background: #fff none repeat scroll 0 0;
    color: #444;
    font-size: 14px;
	font-weight:600;
    margin: 0;
    padding: 4px 10px;
}
#addmessage {
	margin:3px 15px 10px;
	border: 1px solid #e9edf0;
	border-radius: 3px;
}
#addmessage form {
	width: calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
}
#addmessage textarea{
	height: 35px;
	width: 100%;
	border:1px none;
	resize: none;
}
#addmessage textarea:focus{
	border:1px none;
	box-shadow: none;
}
#addmessage .textntags-beautifier {
	padding: 9px 6px 9px 7px;
}
#addmessage #fileupload {
	right:0px;
	height:40px;
	width:220px;
	left:auto;
	margin-top: -30px;
}
#addmessage .btn-link  {
	padding:0;
	margin:0 10px 0 0;;
}
#addmessage #add-emoji, #addmessage .btn-link  {
	font-size: 22px;
	color: #e9edf0;
	margin-top:3px;
}
#addmessage #add-emoji:hover, #addmessage .btn-link:hover {
	color: #3094D4;
}
.message a {
    color: #0075af;
}
.message a:hover {
	text-decoration:underline;
}

/*Help*/
.helpsection {
    color: #495054;
	padding: 0 20px 10px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
}
.helpsection p {
    margin: 0 0 25px;
    line-height: 1.7;	
}
.helpsection ul {
	
}
.helpsection ul li{
	list-style:inside;
	line-height: 1.7;
	margin-bottom:5px;
}
.helpsection h1, .helpsection h2, .helpsection h3, .helpsection h4, .helpsection h5, .helpsection h6 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*Projects*/
#project {
	margin:0px 0;
}
#projectfeed {
	margin:auto;
	max-width:800px;
}
#projectpublic {
	background: #fff;
    border: 1px solid #e9edf0;
    border-radius: 3px;
	margin:20px auto;
	box-shadow: 1px 1px 4px rgba(52, 69, 100, 0.25);
	padding-bottom:20px;
}
#project ul.timeline > li > .timeline-panel {
	width: calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
}
#project ul.timeline > li > .timeline-badge {
	left: 0px;
	margin-left: 0;
	top: 1px;
}
#project ul.timeline > li > .timeline-action {
	left: 25px;
}
#project .timeline:before {
	margin-left: -11.5px;
}
#project .form-search {
	margin-top:5px;
}
#projecttable h4{
	margin-top:0px;
}
.projectheader {
	padding:0px 10px 0;
	position:fixed;
	width:100%;
	height:35px;
	background: #3094d4 ;
    border-bottom: 1px solid #3094D4;
	z-index: 100;
}
.projectheader h2{
	color: #fff;
    font-weight: 600;
    margin: 7px 0;
	font-size:18px;
}
.projectheader h2 a{
	color:#F7F9FB;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.projectheader h2 a:hover{
	color:#fff;
}
.projectheader h2 small{
	text-transform:none;
	font-size:14px;
	color:#F7F9FB;
}
.projectheader div.pull-right {
	margin: 5px 0;
}
.projectheader .avatar {
	background:#3094D4;
	color:#F7F9FB;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.projectheader .avatar:hover {
	background:#fff;
	color:#3094D4;
	border:1px solid #3094D4;
}
.projectheader .avatar img{
	width:30px;
}
.projectheader .btn-link {
	color:#F7F9FB;
}
.projectchart {
	background:#37474F;
	border:2px solid #37474F;
	border-radius:3px;
	margin:10px 0 20px;
}
.projectchart h4{
	color:#78909C;
}
.projectchart .charttools {
   margin:70px 0 0;
   color:#78909C;
}
.projectchart .charttools a{
}
.projectchart .charttools a:hover{
	color:#B0BEC5;
}



.sidebartext .avatar_small  {
	margin-left:0px;
}
.sidebartext a.teammember:first-child .avatar_small {
	margin-left:0px;
}
#projectfeed .progress-project-xs{
	margin:7px 0 7px;
	height:2px;
}
.projectcard {
	border: 1px solid #E9EDF0;
	cursor:pointer;
	margin-bottom:20px;
	background:#fff;
	border-radius:3px 3px ;
	overflow: hidden;
}
.projectcard .progress-project {
	margin-bottom:8px;
	height: 2px;
}
.projectcardinner {
	padding: 10px 10px;
}
.projectcardinner h4{
	margin:0px 0 8px;
}
.projectcardinner h4 a{
	color:#666;
}
.projectcardinner h4 a:hover{
	color:#3094D4;
}
.projectcardinner hr {
	margin:7px 0;
}
.projectcard:hover {
	background:#F7F9FB;
	border:1px solid #7c919f;
	box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
	transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.p_finished {
	background:#f9f9f9;
	opacity: 0.6;
    text-decoration: line-through;
}
.projectcardbottom {
	background-color: #FAFAFA;
	padding:7px;
}
.projectcardbottom .avatar{
	background:#fff;
}
.projectcardbottom .avatar:hover{
	background:#3094D4;
}
.projectcardbottom i{
	font-size:20px;
}


.ressource {
	display: inline-block;
	width:25px;
	height:25px;
	background-color: #EDFAE7;
	border:1px solid #A8C300;
	line-height: 22px;
    text-align: center;
    vertical-align: middle;
	border-radius: 3px 3px 3px 3px;
}
.ressource_free {
	background-color: #FAFAFA;
	border:1px solid #eee;
	width:15px;
}
.ressource_over {
	background-color: #FFEDED;
	border:1px solid #E2846E;
}

#project .nav-pills {
	border:1px solid #e9edf0;
	padding:2px;
}
#project .nav-pills li a{
	color:#7C919F;
	font-weight:bold;
	border-radius: 3px;
	padding: 3px 5px;
}
#project .nav-pills li.active a{
	background:#7c919f;
	color:#fff;
}



#backlogarea .newtask,  #milestonearea .newtask ,#finishedarea .newtask {
	margin-top:2px;
}


#projectboard {
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 15px 10px 15px;
    position: static;
}
#projectboardinner {
	align-items: flex-start;
    display: flex;
    min-width: -moz-min-content;
	height: 100% !important;
}
#projectboardinner #milestonelist {
	margin:0;
	align-items: flex-start;
    display: flex;
    min-width: -moz-min-content;
	height: 100% !important;
}
#projectboardinner #addsection {
	margin-right:15px;
	font-size:20px;
	line-height: 1;
}
.projectstage {
    display: flex;
    flex-direction: column;
	border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(52, 69, 100, 0.25);
    max-height: 100%;
    overflow: hidden;
	flex: 0 0 280px;
    margin: 0 15px 0 0;
    padding: 0;
    width: 280px;
	background:#F7F9FB;
}
.projectstage:last-child {
}
.projectstage h4 {
	background:#fff;
	font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 7px 0;
    text-align: center;
	border-bottom: 1px solid #FD999A ;
}
.projectstage h4 .milestonedrag {
	cursor:move;
	color:#e1e6e8;
	padding:0 5px;
}
.projectstage h4 .badge{
	margin-right:5px;
}
.projectstage h4 .btn-group {
	width:10px;
}
.projectstage h4:hover .btn-group {
	display:inline-block;
}
.projectstage h4 .btn-group .btn-xs {
	padding:0;
	line-height:13px;
}
.projectstagelist {
	margin-bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
	padding: 0px 7px;
	border-top:1px solid #e1e6e8;
	
}
.projectstagelist .taskdraggable {
	min-height: 30px;
}
.projectstage .newtask {
	margin:0px!important;
	border-bottom:1px solid #fff;
}


.bigdata, .bigdatasmall {
	padding:10px 10px 10px 10px;
	background:#f7f9fb;
	text-align:center;
	border-radius: 3px;
	margin:10px 0;
}
.bigdatadark {
	background:#2C3338;
	color:#fff;
}
.bigdataborderright {
	border-right:2px solid #333;
}
.bigdata {
	padding-bottom:0px;
}
.bigdata h3, .bigdatasmall h3{
	margin:0px 0 0;
	font-weight:400;
}
.bigdatasmall h3{
	font-size:18px;
	margin:0px 0 5px;
}
.bigdatadark h3{
	color:#888;
}
.bigdata hr, .bigdatasmall hr{
	margin:5px 0;
}
.bigdatadark hr{
	border-color:#333;
}
.bigdata span{
	font-size:300%;
	font-weight:500;
}
.bigdata span a, .bigdatasmall span a{
	color:#fff;
}
.bigdata span a:hover, .bigdatasmall span a:hover{
	color:#3094D4;
}
.bigdatasmall span {
	font-size:16px;
	font-weight:600;
	color:#7C919F;
}


#projectplanner {
	background:#fff;
	height:100%;
	overflow-x: hidden;
    overflow-y: auto;
}
#plannertasks {
	padding:0px 2px 0 15px;
}
#milestonelist {
	margin-top:10px;
}
#milestonelist li:first-child div {
	margin-top:0px;
}
#milestonelist li:first-child .milestonecontainer {
	border-top:1px none;
}
#milestonelist li:first-child .milestonecontent {
	border-top:1px none;
}
#milestonelist  .milestonecontent {
	
}
.milestonecontainer {
	margin:20px 0 0;
	padding:0px;
}
.milestoneheader {
	margin:0px 0 0px 0px;
	/*border-bottom:1px solid #E9EDF0;*/
	padding:3px 0 3px 10px;
}
.milestoneheader .controls {
	display:none;
}
.milestoneheader:hover .controls {
	display:block;
}
.milestoneheader .controls .pull-right{
	margin:2px 0 0 10px;	
}
.milestonestart {
	padding:10px 10px 10px;
	background:#fff;
	border-bottom: 1px solid #7c919f;
}
.milestoneend {
	padding:10px 10px 10px;
	background:#fff;
	border-bottom: 1px solid #7c919f;
	margin-bottom:20px;
}
.milestoneheader .milestonedrag {
	margin:0 0px 0 -5px;
	cursor:move;
	color:#e1e6e8;
	display:none;
	width:5px;
}
.milestoneheader:hover .milestonedrag {
	display:inline-block;
}
.milestoneheader .milestonedrag:hover {
	color:#3094D4;
}
.milestoneheader h4 {
	margin: 0;
	font-size: 16px;
}
.milestonestart h4, .milestoneend h4 {
    background: none repeat scroll 0 0 #fff;
    color: #414143;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.milestonecontent {
	padding: 0px;
	overflow-x: visible !important;
  overflow-y: visible !important;
}
.milestonefooter {
}
.milestonefooter .newtask {
	padding:0px 0 0 15px;
}
.milestonesublist  {
	min-height:30px;
}
.milestonesublist  .task{
	padding:7px 0 7px 15px;
}
.milestonesublist  .sort-disabled div{
	padding:4px 0;
}
.milestonefooter .taskdata .taskestimated {
	margin-right:10px;
}
#milestoneadd {
	margin:0px !important;
}
#plannertools {
	background:#f9f9f9;
	margin-top:30px;
}
#plannertools .taskdata .taskestimated {
    margin-right: 10px;
}
#plannertools .col-md-4{
	padding:0px 2px 0 10px;
}
#plannertools #milestoneadd  input {
	width:100%;
}
#milestoneaddfrm .col-xs-7, #milestoneaddfrm .col-xs-2{
	padding:0 5px;
}
#milestoneaddfrm .col-xs-1{
	padding:0;
}



.weekplanneruserrow {
	clear:both;
	border-bottom:1px solid rgba(255, 255, 255, 0.35);
	padding:3px 0;
}

.weekplannercolumn {
	width:14.28571428571429%;
	display:inline-block;
	float:left;
	max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    /*white-space: nowrap;*/
	margin: 0 2px;
}
.weekplannercolumnsmall {
	width:7.142857142857143%;
}
.weekplannercolumn h4 {
	padding:0;
	margin:0px 0 5px;
	font-size:14px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.weekplannercolumn h4.today {
	color:#3094D4;
}
.weekplannercolumnover h4{
	color: #e2846e;
}
.weekplannercolumn .tasksmall {
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.5);
	padding:5px 2px;
	margin:2px 0;
}
.weekplannercolumn .tasksmall:hover {
	background:#F7F9FB;
}
.weekplannercolumn .tasksmall .tasktext {
	font-size:12px;
}
.weekplannercolumn .tasksmall .tasktext  small.grey{
	display:none;
}
.weekplannercolumn ul {
	
}
.weekplannercolumn  .taskdata {
	background:transparent;
	border:1px none;
}


#projecttimeline{
    width: calc(100% - 60px);
    height:100%;
    border: 1px solid #e9edf0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    box-sizing:border-box;
	float:left;
}
#projectusers {
	display: inline-block;
	vertical-align: top;
	margin-top:42px;
	width:60px;
	float:left;
	background:#F9F9F9;
	border-left: 1px solid #e9edf0;
	border-top: 1px solid #e9edf0;
}
#projecttimeline .year {
	display: inline-block;
	vertical-align: top;
}
#projecttimeline .week {
	display: inline-block;
    vertical-align: top;
	width:200px;
    padding:0px 5px 10px;
}
#projecttimeline .week .user, #projectusers .user{
	height:100px;
	border-bottom:1px solid #e9edf0;
	overflow-y: auto;
	overflow-x: hidden;
    white-space: nowrap;
    box-sizing:border-box;
	min-height:53px;
}
#projectusers .user {
	padding-top:25px;
}
.usertasklist  {
	min-height:10px;
}
.usertasklist li {
	cursor:move;
}
#projecttimeline .week h4 {
    border-bottom: 1px solid #fd999a;
    color: #414143;
    padding: 5px 0;
	margin-top:0px;
	font-weight:bold;
}
#projecttimeline .week h4 strong {
	color:#fd999a;
}





/*notes*/
#notelist {
}
#notelist .active {
	border:1px solid #3094D4;
}
.notecard {
	padding:10px;
	border: 1px solid #e9edf0;
    cursor: pointer;
	margin:7px 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 1px, transparent 1px) repeat scroll 0 0 / 100% 16px #FFFFCC;
	overflow:hidden;
	border-radius:3px;
	font-size:13px;
}
.notecard:hover {
    border: 1px solid #7c919f;
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
#noteinner {
	padding: 10px 10px;
	margin:10px 0 ;
	min-height:400px;
	/*box-shadow: 0 0 13px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.09);*/
	border: 1px solid #e9edf0;
	box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
	border-radius:3px;
}
#notecontrol {
	border-bottom:1px solid #E9EDF0;
	padding:3px 0px;
	height:35px;
}
#notecontrol .btn-group{
	display:block;
}
#notecontrol:hover .btn-group{
	display:block;
}
.notetitle {
	border:1px none !important;
	padding: 0px 0 !important;
	margin:5px  0  0!important;
	width:100%;
	font-size: 30px !important;
	line-height:40px !important;
	color: #555459 !important;
    font-weight: 600;
    letter-spacing: -1px;
}
.notetitle:focus {
	border:1px none;
	background-color:transparent!important;
}
#notetext {
	width:100%;
	margin:16px 0 0;
	color:#444;
	font-size:16px;
	overflow:hidden;
}
#notetext a{
	color:#3094D4;
}
#notetext a:hover{
	color:#3094D4;
	text-decoration:underline;
}
#notetext ul, #notetext ol {
	margin:10px 0;
}
#notetext ul li, #notetext ol li{
	list-style: disc inside none;
    margin-bottom: 5px;
}
#notetext:focus {
	border:1px none;
	color:#444;
	background-color:transparent;
}

/*Profile*/
.profileheader {
    clear: both;
	background: #282537;
    background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    padding: 20px 10px;
	border-radius:5px 5px 0px 0px;
	margin-top:10px;
}
.profileheader .avatar{
    border: 3px solid #e9edf0 ;
    background: #fff;
}
.profileheader h2{
	color:#F7F9FB;
	margin:5px 0;
}


/*Conversation*/
#conversationist {
	padding:10px 0px 10px 10px!important;
	height: 100%;
}
#conversationist .active {
	background: none repeat scroll 0 0 #0075af;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	color:#fff;
}
.conversationcard {
	border-bottom:1px solid #e9edf0;
	padding: 7px 10px;
	cursor:pointer;
	color:#7c919f;
}
.conversationcard:hover {
	background:#F7F9FB;
	color:#3094D4;
}
#conversationdetail {
	margin:10px 0;
}
#conversationdetail input  {
	margin:5px 0px;
}
#conversation {
	background: #F7F9FB;
    cursor: pointer;
    margin: 10px 0;
    padding: 10px;
}
#conversation .avatar{
	background:#fff;
}
#conversation input, #conversation textarea{
	background:transparent;
	border:1px none;
	padding:5px 0;
	border-radius:0px;
}
#conversation input {
	border-bottom:1px solid #e9edf0;
	font-size:16px !important;
}
#conversationsavebtn {
	margin:5px 0;
}
#commentlist {
	margin:10px 0;
}
/*timetracking*/
#time-search {
	margin:10px 0;
}
#time-search .btn-group{
	margin:2px 0 0 20px;
}
#charttimemonth {
	border: 1px solid #e9edf0;
	height:200px;
}
#addtime {
	margin:0px 0 20px;
	border-bottom: 1px solid #e9edf0;
}
#addtime input, #addtime select {
    border: 1px none;
    box-shadow: none;
    padding: 7px 0;
}
#addtime .input-group {
}
#addtime .input-group-addon {
	border:1px none;
	padding: 7px 5px 7px 0;
	background:#fff;
}
#addtime .btn-default.active  {
	background:#a8c300 ;
	color:#fff;
}
#addtime #addactivity, #addtime #addhour {
}
#addtime button {
	float:right;
	margin:4px 0px;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	padding: 2px 7px 3px;
	border:1px none;
	background:#E9EDF0;
	color:#7c919f !important;
	border-radius: 3px;
}
#addtime button:hover {
	color:#fff !important;
	background:#3094D4;
}
#addtime #addtimekmore {
	padding:5px 0;
	border-top: 1px solid #e9edf0;
}

#timechooser {
	font-size:14px;
}
#timechooser #currentmonth {
	font-size:16px;
}
#timetable {
	width:100%;
	border-collapse:collapse;
	margin:0px 0;
}
#timetable #charttime{
	
}
#timetable thead tr .header {
	cursor: pointer;
}
/*#timetable thead tr .headerSortUp {
	background-image: url(asc.gif);
}
#timetable thead tr .headerSortDown {
	background-image: url(desc.gif);
}
#timetable thead th{
	padding: 5px 0 5px 10px;
	text-align:left;
}

#timetable tbody tr.odd td {
	background-color:#F0F0F6;
}

#timetable tbody tr td{
	padding: 10px 10px 5px;
}*/
#timetable tfoot tr, #dealtable tfoot tr{
	border-bottom: 1px solid #E9EEEF;
}
#timetable tfoot tr td, #dealtable  tfoot tr td{
	padding:10px 0 10px 10px;
	font-weight:bold;
	color:#999;
}
.timedelete {
    cursor: pointer;
    display: none;
}
.timedelete img {
	margin:5px 0 0;
}
#timetable tbody tr:hover .timedelete, #tasktable tbody tr:hover .timedelete, #ideatable tbody tr:hover .timedelete,  #taskdonetable tbody tr:hover .timedelete, #milstonetable tbody tr:hover .timedelete, .milestonesublist tr:hover .timedelete {
	display: inline;
}
/*clients*/
#clientdetail{
	
}
#clientname {
	
}
.project {
	border-bottom:1px solid #F7F7F7;
	padding:5px 0 10px;
	margin:0 0 15px;
}
.line_outer {
	width:300px; 
	height:23px;
	border:1px solid #444;
}
.line_inner {
	height:20px;
	/*border-right:1px #FFF solid;*/
	color:#fff;
	overflow:visible;
	padding:3px 0px 0px;
}


/*Invoices*/
.invoicecard {
	border: 1px solid #e9edf0;
    border-radius: 3px;
	cursor:pointer;
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
}
.invoicecard.paid {
	
}
.invoicecardinner {
	padding: 10px 10px;
}
.invoicecardinner p.lead{
	margin:15px 0 0px;
}
.invoicecard:hover {
	background: #f7f9fb none repeat scroll 0 0;
    border: 1px solid #7c919f;
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.2);
    transition: color 200ms ease 0s, background-color 200ms ease 0s, border 200ms ease 0s;
}
.invoicecard .invoicestatus .bg-red, .invoicecard .invoicestatus .bg-green {
	color:#fff;
	font-size:12px;
	padding:1px 3px;
	border-radius:3px;
}
.invoicecard .invoicestatus .bg-green {
	background:#edfae7 !important;
	border:1px solid #a8c300;
	color:#a8c300;
}
.invoicecard .invoicestatus .bg-red {
	background:#ffeded !important;
	border:1px solid #e2846e ;
	color:#e2846e ;
}
.invoicecardbottom {
	background-color: #F7F9FB;
    border-top: 1px solid #e9edf0;
	padding:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
	

.timeline {
    list-style: none;
    padding: 0px 0 00px;
    position: relative;
	max-width: 700px;
}
.timeline h4.timelineday {
	margin: 10px 0 30px 10px;
	color: #0075af;
	font-size:16px;
	font-weight: 600;
}
/*.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	background-color: #e9edf0;
	left: 50%;
	margin-left: -1.5px;
}*/
.timeline > li {
	margin-bottom: 15px;
	position: relative;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	width: 46%;
	float: left;
	border-bottom: 1px solid #e9edf0;
	border-radius: 3px;
	padding: 0px 0px 15px;
	position: relative;
	background:transparent;
}
/*.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e9edf0;
	border-right: 0 solid #e9edf0;
	border-bottom: 15px solid transparent;
	content: " ";
}
.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}*/
.timeline > li > .timeline-badge {
	color: #3094D4;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #F7F9FB;
	border: 1px solid #3094D4;
	z-index: 10;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge:hover {
	color: #F7F9FB;
	background-color: #3094D4;
}
.timeline > li > .timeline-action {
	width: 25px;
	height: 25px;
	line-height: 20px;
	border-radius:50%;
	position: absolute;
	display:inline-block;
	color:#fff;
	font-size:12px;
	left: 35px;
    top: -7px;
	border:3px solid #fff;
	text-align: center;
	z-index:11;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
/*.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}*/
.timeline-badge.primary {
    background-color: #0075C6 !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-title small{

}
.timeline-body {
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
	margin-top: 5px;
}

ul.timeline:before {
	left: 30px;
}
ul.timeline > li > .timeline-panel {
	width: calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
}
ul.timeline > li > .timeline-badge {
	left: 10px;
	margin-left: 0;
	top: 1px;
}

ul.timeline > li > .timeline-panel {
	float: right;
}
ul.timeline > li > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

ul.timeline > li > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}



.headerSortUp {
	color:#048CD5;
}
.headerSortDown {
	color:#048CD5;
}

/*Responsive*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Printing ==========*/
@media print { 
 /* All your print styles go here */
 #header, #footer, #nav, #sidebar { display: none !important; } 
 #content {margin:0;}
 .reportwrapper {padding:0;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#navigation > ul.navbar-nav > li> a i{
		display:none;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#searchfrm {
		display:none;
	}
	#tb_timer {
		display:none;
	}
	#filedetailinner {
	}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	div.error, div.hint	{
		margin:5px 10px;
		width:95%;
		padding:10px;
	}
	div.error h4, div.hint	h4{
		margin-bottom:5px;
	}
	#logo {
		width: 80%;
		margin-top:5px;
	}
	#logo .headerorga{
		display:none;
	}
	#notifications {
		font-size:16px;
	}
	#navigation {
		margin-top: 0px;
		background:#fff;
		border:1px solid #E9EDF0;
		padding-left: 15px;
		width: 100%;
	}
	#navigation > ul.navbar-nav > li > a {
	    padding: 7px 5px 7px 15px;
		border-radius: 3px;
		margin: 4px 2px;
	}
	#navigation > ul.navbar-nav > li > a i {
		display: inline-block;
	}
	#navigation > ul.navbar-nav > li > a small {
		font-size: 14px;
	}
	#navigation > ul.navbar-nav > li.splitter{
		display:none;
	}
	#headeruser {
		left: 95%;
		position: fixed;
		top: -7px;
	}
	.taskwrapper, .clientwrapper, .projectwrapper, .ideawrapper, .calendarwrapper {
		padding: 0 10px 10px;
	}
	.taskestimated, .taskdate, span.estimated, span.duedate, .taskperson  {
		display:none;
	}
	.tasktext_w {
		width:calc(100% - 50px);
	}
	.taskproject {
		width:100%;
	}
	#sidebar {
		display:none;
	}
	#sidebarshow {
		display:block;
	}
	#sidebarclose {
		height: 50px;
		left: 218px;
		opacity: 1;
		padding: 1px;
		top: 45px;
		width: 20px;
	}
	#wrapper {
		padding:40px 0 0;
	}
	#content {
		margin: 0;
	}
	#header {
		text-align:center;
	}

	#filedetailinner {
		position:relative;
	}
	.taskaddpopup {
		width:450px;
	}
	body.bgblack .container-fluid::before {
		display: none;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	ul.timeline > li > .timeline-badge {
    	left: 0;
    }
    ul.timeline > li > .timeline-panel {
	    width: calc(100% - 70px);
	}
	.timeline h4.timelineday {
	    margin-left: 70px;
	}
	.timeline:before {
    	margin-left: -21.5px;
	}
	#navigation {
	    margin-top: 0px;
	}
	
	#logo {
	    
	}
	.taskwrapper, .clientwrapper, .projectwrapper, .ideawrapper, .calendarwrapper {
		padding: 0 5px 5px;
	}
	.taskaddpopup {
		width:300px;
	}
	#taskeditarea {
		width:100%;
	}
	.loginbox {
		padding:10px 10px 10px 20px;
		margin-top: 0px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    #taskeditarea {
		width:100%;
	}
}

@media screen and (max-width: 768px) {
	  .side-collapse-container{
		  width:100%;
		  position:relative;
		  left:0;
		  transition:left .4s;
	  }
	  .side-collapse-container.out{
		  left:200px;
	  }
	  .side-collapse {
		  top:50px;
		  bottom:0;
		  left:0;
		  width:260px;
		  position:fixed;
		  overflow:hidden;
		  transition:width .4s;
		  background:#33393C;
		  border-bottom:3px solid #000;
	  }
	  .side-collapse.in {
		  width:260px;
	  }
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 2px;
	width: 7px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: transparent;
}

.jspDrag
{
	background:  #e9edf0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #7c919f;
}


.jspArrow
{
	background: url(../image/ui-icons_222222_256x240.png) no-repeat;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('../image/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../image/ui-icons_888888_256x240.png');
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspHorizontalBar .jspArrow
{
	width: 15px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -64px 0 !important; 
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}


.textntags-wrapper {
  position: relative;
  background: #fff;
}
.textntags-wrapper textarea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
  background: transparent;
  outline: 0;
  resize: none;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@-moz-document url-prefix() {
  .textntags-wrapper textarea{
    padding: 9px 8px;
  }
}

.textntags-wrapper .textntags-tag-list {
  display: none;
  background: #fff;
  border: 1px solid #0075af;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
  border-radius:3px;
  border-top-right-radius:0;
  border-top-left-radius:0;
  height: auto;
  max-height: 400px;
  overflow-x: hidden;
  bottom: 100%;
  margin-bottom: -2px;
  top: auto;
}

.textntags-wrapper .textntags-tag-list ul {
    margin: 0;
    padding: 0;
}
.textntags-wrapper .textntags-tag-list li {
  background-color: #fff;
  padding: 5px 10px;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
  color: #404040;
}

.textntags-wrapper .textntags-tag-list li:last-child {
  border-radius:0px;
}

.textntags-wrapper .textntags-tag-list li > img,
.textntags-wrapper .textntags-tag-list li > div.icon {
  width: 16px;
  height: 16px;
  float: left;
  margin-top:5px;
  margin-right: 5px;
  -moz-background-origin:3px;
  border-radius:3px;
}
.textntags-wrapper .textntags-tag-list li em {
  font-weight: bold;
  font-style: none;
}
.textntags-wrapper .textntags-tag-list li:hover,
.textntags-wrapper .textntags-tag-list li.active {
  background-color: #3094D4;
  color:#fff;
}
.textntags-wrapper .textntags-tag-list li b {
  background: #7c919f;
  font-weight: bold;
  color:#fff;
}
.textntags-wrapper .textntags-beautifier {
  position: relative;
  padding: 11px 9px;
  color: #fff;

  white-space: pre-wrap;
  word-wrap: break-word;
}
.textntags-wrapper .textntags-beautifier > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%;
  line-height: 17px;
  min-height: 17px;
}
.textntags-wrapper .textntags-beautifier > div > strong {
   font-weight:normal;
   background:transparent;
	padding:0px;
	color: #3094D4 !important;
	border:1px solid #3094D4;
	border-radius: 3px;;
   line-height: 16px;
   font-size: 13px;
   margin-left: -2px;
}
.textntags-wrapper .textntags-beautifier > div > strong > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.emojione {
  /* Emoji Sizing */
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;

  /* Inline alignment adjust the margins  */
  display: inline-block;
  margin:0;
  line-height: normal;
  vertical-align: sub;
}

img.emojione {
  /* prevent img stretch */
  width: auto;
}

.emoji-wysiwyg-editor {
	border: 1px solid #d0d0d0;
	overflow: auto;
	outline: none;
}
.emoji-wysiwyg-editor img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -3px 0 0 0;
}
.emoji-menu {
	position: absolute;
	z-index: 1002;
	width: 180px;
	margin-left: -100px;
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #7c919f;
    border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.emoji-menu > div {
	max-height: 200px;
	overflow: hidden;
	background: #fff;
	width: 200px;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	padding-top: 40px;
}
.emoji-menu img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 0 none;
}
.emoji-menu a {
	margin: -1px 0 0 -1px;
	border: 1px solid #f2f2f2;
	padding: 5px;
	display: block;
	float: left;
}
.emoji-menu a:hover {
	background-color: #fffae7;
}
.emoji-menu:after {
	content: ' ';
	display: block;
	clear: left;
}
.emoji-menu a .label {
	display: none;
}

.emoji-menu div {
    overflow-x: hidden;
    overflow-y: auto;   
}

.emoji-menu .group-selector {
	position: absolute;
	list-style-type: none;
	height: 40px;
	top: 0;
	left: 0;
	width: 100%;
	background:#F9F9F9;
	border-bottom: 1px solid #7c919f;
}
.emoji-menu .group-selector li {
	height: 15px;
	width: 27;
	padding: 5px;
	font-size:14px;
}
.emoji-menu .group-selector a:last-child li {
	width: 15px;
}
.emoji-menu .group-selector a {
	color: #7c919f;
	text-decoration: none;
	border: none;
	background-color: transparent;
}
.emoji-menu .group-selector a:hover, .emoji-menu .group-selector a.active {
	color:#3094D4;
}