header {
  text-align: center;
}
h2.center-header {
  text-align: center;
}
.left-border {
  border: 0;
  border-left: 2px solid #eaeaea;
}
.login-form {
  margin-left: 10%;
}
@media (max-width: 768px) {
  .login-form {
    margin-bottom: 20px;
  }
  .left-border {
    border: 0;
  }
}
.login-form fieldset {
  display: block;
  margin: 0 0 5px 0;
}
.login-form fieldset label {
  margin: 5px 0 0 0;
  font-weight: bold;
  width: 100px;
  text-indent: 0;
  float: left;
}
.login-form fieldset label span {
  font-size: 0.7em;
  font-weight: normal;
}
.login-form a {
  display: block;
  color: #333;
  font-size: 0.9em;
  margin-left: 100px;
}
.login-form p {
  display: block;
  text-indent: 0;
  padding: 0;
}
.login-form fieldset input {
  width: 50%;
  min-width: 150px;
  padding: 5px;
  border: 1px solid #888;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 14px;
  color: #000;
}
.login-form input[type="submit"] {
  width: 180px;
  margin-top: 10px;
}
#login_error, #register_error {
  color: red;
  font-weight: bold;
}
#login_error {
  margin-top: 5px;
}
.statistics td {
  padding: 5px;
}
#register_error {
  margin-top: 10px;
}
div.required .control-label:not(span):before, td.required:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.todo p {
  text-indent: 0;
}
.topinfo {
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 2px solid #ddd;
  padding: 0 20px;
  margin: 0;
}
.topinfo .rblock {
  text-align: right;
  padding-top: 0.5em;
}
.rblock a {
  margin-left: 1em;
}
.topinfo small {
  font-size: 0.75em;
}
.todo a.btn {
  width: 120px;
}
.todo button.btn {
  width: 120px;
}
.todo a.btn-primary {
  color: #fff;
}
.todo a.btn-default {
  color: #000;
}
ul.breadcrumb {
  margin: 12px 0;
}
ul.breadcrumb li {
  margin: 0;
  line-height: 20px;
}
ul.breadcrumb li.active {
  color: #000;
}
.infoblock {
  padding: 8px 15px;
  margin-bottom: 12px;
  background-color: #fff;
  border: 3px solid #f5f5f5;
  border-radius: 4px;
}
.table th {
  text-align: center;
  font-weight: bold;
}
.table tbody > tr > td {
  vertical-align: middle;
}
td.center {
  text-align: center;
}
.fa-pencil:before {
  content: "\f040";
}
fa-trash-o:before {
  content: "\f014";
}
.todo a.btn-small {
  width: 38px;
  padding: 10px 0;
}
.todo a.btn-small i.fa {
  color: #fff;
  font-style: normal;
}
table.projects-list {
  margin-bottom: 5px;
}
.projects-list td {
  cursor: pointer;
}
.tasks-list td {
  cursor: pointer;
}
.txtcolor1 {
  color: #999999;
}
.txtcolor2 {
  color: #ad2727;
}
.txtcolor3 {
  color: #015dc2;
}
.txtcolor4 {
  color: #cc9900;
}
.txtcolor5 {
  color: #008800;
}
.txtcolor6 {
  color: #33cc33;
}
.txtcolor7 {
  color: #96b9d1;
}
.bkcolor1 {
  background-color: #ffe8e8;
}
.bkcolor2 {
  background-color: #f2dada;
}
div.todo-actions {
  margin-bottom: 10px;
}
.todo-actions select {
  padding: 3px 6px;
  height: 28px;
  margin-left: 10px;
}
.todo-actions button {
  padding: 3px 6px;
  height: 28px;
}
.todo-actions label {
  font-weight: normal;
  line-height: 28px;
}
.todo .fa-check {
  color: #449d44;
  font-size: 1.2em;
}

.inline select, .inline div, .inline label, .inline input {
  display: inline-block;
}
#files div {
  position: relative;
  display: block;
  float: left;
  max-width: 140px;
  max-height: 140px;
  text-align: center;
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  padding-top: 20px;
  margin-right: 20px;
}
#files span {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
#files p {
  text-align: center;
  margin: 0;
  padding: 0;
}
#files:after {
  clear: both;
}
.alert {
  padding: 10px;
  padding-right: 30px;
}
.alert i {
  font-style: normal;
}
#manage-form {
  text-align: right;
}
#manage-form i.fa {
  color: #fff;
  font-style: normal;
}
#manage-form a, #manage-form button {
  width: 38px;
  height: 34px;
}
#manage-form a i.fa {
  color: #000;
  line-height: 22px;
}

td.note-line {
  cursor: pointer;
}

/* *************** */

.settings-conrol {
  max-width: 350px;
}
select.settings-conrol2 {
  width: 395px;
}

label.control-label span:after {
    font-family: FontAwesome;
    color: #1E91CF;
    content: "\f059";
    margin-left: 4px;
}
.endgroup {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

/* *************** */

.comments {
  padding: 0 15px 30px 10px;
}
#comment-form fieldset {
  display: block;
  margin: 0 0 5px 0;
}
#comment-form fieldset label {
  margin: 5px 0 0 0;
  font-weight: bold;
  width: 130px;
  text-indent: 0;
  float: left;
}
#comment-form fieldset label[for="user_comment"] {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
  float: none;
}
#comment-form fieldset input,
#comment-form fieldset textarea {
  width: 300px;
  padding: 5px;
  border: 1px solid #888;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 14px;
  color: #000;
}
#comment-form fieldset textarea {
  width: 80%;
}
#comment-form input[type="submit"] {
  width: 150px;
  padding: 5px;
  font-size: 1em;
  border: 1px solid #888;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #000;
  cursor: pointer;
}
#message {
  display: none;
}
#message p {
  text-indent: 5px;
  font-weight: bold;
  padding: 5px 0 10px 0;
  color: green;
}
#users_comments {
  margin-bottom: 20px;
}
#users_comments td {
  padding: 5px 15px 5px 0;
}
.comments .nocomments {
  padding: 5px 0 10px 0;
  text-indent: 0px;
}